20,100
edits
MediaWiki:Vector.css: Difference between revisions
let's try device width and some better numbers
(let's try device width and some better numbers) |
|||
| Line 2: | Line 2: | ||
/* Fix the sidebar in place when scrolling, as long as we are not on a small screen (e.g. a phone) */ | /* Fix the sidebar in place when scrolling, as long as we are not on a small screen (e.g. a phone) */ | ||
@media (min-width: | @media (min-device-width:481px) | ||
{ | { | ||
div#mw-panel | div#mw-panel | ||
{ | { | ||
position: fixed; | position:fixed; | ||
height: 100%; | height:100%; | ||
/* Prevent content overlay when sidewards scrolling */ | /* Prevent content overlay when sidewards scrolling */ | ||
background-color: #F6F6F6; | background-color:#F6F6F6; | ||
} | } | ||
} | } | ||
/* For small screens, fix the sidebar this way to avoid overlap when zooming */ | /* For small screens, fix the sidebar this way to avoid overlap when zooming */ | ||
@media (max-width: | @media (max-device-width:480px) | ||
{ | { | ||
div#mw-panel | div#mw-panel | ||
{ | { | ||
position: absolute; | position:absolute; | ||
} | } | ||
} | } | ||