MediaWiki:Vector.css: Difference between revisions
(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; | ||
} | } | ||
} | } | ||
Revision as of 18:07, 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-device-width:481px)
{
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-device-width:480px)
{
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%;
}