Merge pull request #612 from thelounge/astorije/585-fix-tooltips
Disable tooltips on mobile to prevent them to stay after clicking
This commit is contained in:
commit
ba8ddd88c0
@ -1557,6 +1557,24 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
/**
|
||||||
|
* TODO Replace this with `@media (hover: hover)` when Firefox supports it
|
||||||
|
* See:
|
||||||
|
* - http://stackoverflow.com/a/28058919/1935861
|
||||||
|
* - http://caniuse.com/#feat=css-media-interaction
|
||||||
|
* - https://www.w3.org/TR/mediaqueries-4/
|
||||||
|
* - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
|
||||||
|
*/
|
||||||
|
.tooltipped:hover:before,
|
||||||
|
.tooltipped:hover:after,
|
||||||
|
.tooltipped:active:before,
|
||||||
|
.tooltipped:active:after,
|
||||||
|
.tooltipped:focus:before,
|
||||||
|
.tooltipped:focus:after {
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
margin-top: 60px !important;
|
margin-top: 60px !important;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user