mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/footer.less
jdlrobson c0f08790ea Remove the mw-ui-icon hacks and overrides
Note: this agitates T230232 again - when merging this please
make sure a merge for I929090848f3e04647a97f4979ec78682623fa070
is pending.

In various places we try to override the default mw-ui-icon behaviours
The hacks need to be removed as part of addressing the core problem.

Changes:
* Wherever we use mw-ui-icon-before in PHP - wrap the label with a span
so that label font-size is altered where needed - not the icon
* Where a small icon is needed us isSmall parameter for the Icon component
* Apply font-size to labels of mw-ui-icon-before elements
* The browser tests need a slight update to access the span element inside
a menu item - in the case of the logout button the label is always hidden,
so we need to check the visibility of the parent element (secondary_action)

Bug: T229440
Depends-On:  I3f803ec4c9068b30aa93b803391aa4d65d8310ff
Change-Id: I07e4ae233979636b739f1117dd7703571e0a9366
2019-09-10 10:53:20 -07:00

90 lines
1.6 KiB
Plaintext

@import '../../minerva.less/minerva.variables.less';
@import '../../minerva.less/minerva.mixins.less';
// style that applies only to minerva footer
.minerva-footer {
border-top: solid 1px @footerBorderColor;
overflow: auto;
padding-bottom: 6px;
}
// styles that apply to nested footer components
footer {
// links should be separated by same color
.hlist {
li:after {
color: @linkColor;
}
}
.last-modified-bar {
border-bottom: solid 1px @footerBorderColor;
background-color: @lastModifiedBarBgColor;
display: block;
color: @lastModifiedBarTextColor;
transition: background-color 0.2s ease, color 0.2s ease;
}
.last-modifier-tagline {
@end-padding: @iconGutterWidth + @iconGutterWidth + @iconSize;
display: block;
width: 100%;
padding: 7px @end-padding 7px 0;
.truncated-text();
> a,
> span > span,
> span:last-child {
display: inline-block;
font-size: @font-size-minerva-small;
}
}
.indicator {
position: absolute;
right: -1em;
.client-nojs & {
// Certain browsers e.g. Opera Mini do not support css transforms
// We assume that we do not run JS on these browsers so hide the chevron
display: none;
}
}
> .post-content {
overflow: auto;
margin-top: 42px;
> * {
margin-bottom: 9px;
}
> h2 {
border-bottom: solid 1px @footerBorderColor;
padding-bottom: 10px;
margin-top: 42px;
font-size: 1em;
font-weight: bold;
&:first-child {
margin-top: 0;
}
}
.hlist,
.license {
font-size: 0.875em;
}
}
}
@media ( min-width: @width-breakpoint-tablet ) {
footer {
.last-modified-bar {
padding-left: 0;
padding-right: 0;
font-size: 1em;
}
}
}