mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/LastModifiedBar.less
jdlrobson 18ad3fa457 Address some FIXMEs in styles
A comment says that the line of code can be removed after cached
HTML is not a problem. This code for ui.less was added in April 2019, so is
not a problem. The code for footer.less was added in April 2020 so is also
not a problem.

Another comment says external link unsetting can be removed after
a ticket has been resolved, which has been resolved and I can confirm
is no longer needed.

The header > div a rule only matches the link wrapping the logo
inside the branding-box. It no longer matches the hamburger or notifications
icon  which make use of nav elements, and to make matters worse
interferes with the goal in T282473

Bug: T285261
Change-Id: Ie7777b4b53355cf0dc48d6447f63299156254b6c
2021-06-21 17:56:48 +00:00

43 lines
1,017 B
Plaintext

@import '../../minerva.less/minerva.variables.less';
@import '../../minerva.less/minerva.mixins.less';
.last-modified-bar {
border-bottom: solid 1px @footerBorderColor;
background-color: @lastModifiedBarBgColor;
color: @lastModifiedBarTextColor;
padding-top: @icon-padding-md;
padding-bottom: @icon-padding-md;
font-size: @font-size-minerva-small;
.transition( background-color @transition-duration-medium, color @transition-duration-medium; );
a,
a:visited {
color: @colorGray5;
// If browser supports
&:nth-child( 1 ) {
font-weight: bold;
}
}
}
.last-modified-bar__content {
align-items: center;
.flex-display();
}
.last-modified-bar__text {
@end-padding: @iconGutterWidth + @iconGutterWidth + @iconSize;
padding-right: @end-padding;
padding-left: @icon-padding-md;
line-height: @line-height-content;
vertical-align: middle;
flex-grow: 1;
.text-overflow( @visible: false );
}
@media ( max-width: @width-breakpoint-tablet ) {
.last-modified-bar__text {
padding-right: 1em;
}
}