mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-22 12:42:43 +00:00
c413509dcb
What: Add styles for the footer buttons that reduces the padding from 15px to 8px on each side and adds an explicit background color. Why: This makes it follow the design spec outlines in T256190#9770626 and fixes showing the buttons in the dark mode T256190#9900443 Bug: T256190 Change-Id: Iae144d554b5023fd3589ea29ae2d3c57c17e679f
57 lines
855 B
Plaintext
57 lines
855 B
Plaintext
.mw-footer-container {
|
|
padding-top: 50px;
|
|
padding-bottom: 82px;
|
|
}
|
|
|
|
.mw-footer {
|
|
direction: ltr;
|
|
border-top: @border-base;
|
|
padding: 0.75em 0;
|
|
|
|
ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
color: @color-base;
|
|
margin: 0;
|
|
padding: 0.5em 0;
|
|
font-size: @font-size-footer;
|
|
}
|
|
}
|
|
|
|
#footer-icons {
|
|
float: right;
|
|
|
|
li {
|
|
float: left;
|
|
margin-left: 0.5em;
|
|
line-height: @line-height-footer-buttons;
|
|
text-align: right;
|
|
}
|
|
|
|
// Design spec for footer buttons: T256190#9770626
|
|
a {
|
|
padding-left: @spacing-50;
|
|
padding-right: @spacing-50;
|
|
// Don't use variable for background color, it will get reverted in dark mode.
|
|
background-color: #f8f9fa;
|
|
}
|
|
}
|
|
|
|
#footer-info {
|
|
li {
|
|
line-height: @line-height-footer-info;
|
|
}
|
|
}
|
|
|
|
#footer-places {
|
|
li {
|
|
float: left;
|
|
margin-right: 1em;
|
|
line-height: @line-height-footer-buttons;
|
|
}
|
|
}
|