MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(attempting to fix sidebar mod on phones) |
(attempting to fix sidebar mod on phones again) |
||
Line 10: | Line 10: | ||
/* 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 */ | |||
@media (max-width:631px) | |||
{ | |||
div#mw-panel | |||
{ | |||
position: absolute; | |||
} | } | ||
} | } |
Revision as of 15:15, 6 August 2017
/* CSS placed here will affect users of the Vector skin */ /* Fix the sidebar in place when scrolling, as long as we are not on a small screen (e.g. a phone) */ @media (min-width:632px) { div#mw-panel { position: fixed; height: 100%; /* Prevent content overlay when sidewards scrolling */ background-color: #F6F6F6; } } /* For small screens, fix the sidebar this way to avoid overlap when zooming */ @media (max-width:631px) { div#mw-panel { position: absolute; } } /* Darken the background for code tags just a tiny bit ** so code stands out more (default is 249, 249, 249) */ code { background-color: rgb(245, 245, 245); } /* Raise size of text in diff views to 100% since ** Vector makes them 88% by default */ td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 100%; }