Adaris

Module:Sidebar/styles.css: Difference between revisions

Created page with "→{{pp-template}}: →TODO: Invert width design to be "mobile first": .sidebar { →TODO: Ask if we should have max-width 22em instead: width: 22em; →@noflip: float: right; →@noflip: clear: right; →@noflip: margin: 0.5em 0 1em 1em; background: var(--background-color-neutral-subtle, #f8f9fa); border: 1px solid var(--border-color-base, #a2a9b1); padding: 0.2em; text-align: center; line-height: 1.4em; font-size: 88%; border-collapse: collap..."
 
No edit summary
Tag: Manual revert
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* {{pp-template}} */
/* TODO: Invert width design to be "mobile first" */
.sidebar {
.sidebar {
/* TODO: Ask if we should have max-width 22em instead */
Width: 22em;
width: 22em;
/* @noflip */
float: right;
float: right;
/* @noflip */
clear: right;
clear: right;
/* @noflip */
margin: 0.5em 0 1em 1em;
margin: 0.5em 0 1em 1em;
background: var(--background-color-neutral-subtle, #f8f9fa);
background: #f8f9fa;
border: 1px solid var(--border-color-base, #a2a9b1);
border: 1px solid #a67c52;
padding: 0.2em;
padding: 0.2em;
text-align: center;
text-align: center;
Line 17: Line 11:
font-size: 88%;
font-size: 88%;
border-collapse: collapse;
border-collapse: collapse;
/* Timeless has display: none on .nomobile at mobile resolutions, so we
* unhide it with display: table and let precedence and proximity win.
*/
display: table;  
display: table;  
}
}


/* Unfortunately, so does Minerva desktop, except Minerva drops an
* !important on the declaration. So we have to be mean for Minerva users.
* Mobile removes the element entirely with `wgMFRemovableClasses` in
* https://github.com/wikimedia/operations-mediawiki-config/blob/master/
wmf-config/InitialiseSettings.php#L16992
* which is why displaying it categorically with display: table works.
* We don't really want to expose the generic user in the wild on mobile to have
* to deal with sidebars. (Maybe the ones with collapsible lists, so that
* might be an improvement. That is blocked on [[:phab:T111565]].)
*/
body.skin-minerva .sidebar {
body.skin-minerva .sidebar {
display: table !important;
display: table !important;
/* also, minerva is way too aggressive about other stylings on tables.
float: right !important;
* TODO remove when this template gets moved to a div. plans on talk page.
* We always float right on Minerva because that's a lot of extra CSS
* otherwise. */
    float: right !important;
     margin: 0.5em 0 1em 1em !important;
     margin: 0.5em 0 1em 1em !important;
}
}
Line 169: Line 146:
max-width: none !important;
max-width: none !important;
}
}
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859
* https://en.wikipedia.org/w/index.php?title=Laissez-faire
*/


@media screen {
@media screen {
Retrieved from "https://adaris.wiki/Module:Sidebar/styles.css"