|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* 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, #f7efe3); | | background: #f8f9fa; |
| border: 1px solid var(--border-color-base, #a67c52); | | border: 1px solid #a67c52; |
| padding: 0.2em; | | padding: 0.2em; |
| text-align: center; | | text-align: center; |
| Line 16: |
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 168: |
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 { |