mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/LastModifiedBar.less
jdlrobson a7db7341ca Last modified bar should not show external link icon
A new rule resetting padding-right and background-image on
a.external inside footer is added.

Additional change:
* Merge all styles relating to the last modified bar into a single
component file for consistency with Vector and easier lookup.

Bug: T267464
Change-Id: I558f0756264e92ca757a99e47a53564c3ecd8b71
2020-11-17 03:36:01 -08:00

50 lines
1.2 KiB
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;
}
}
// Unset `a.external` link icon, see T267464.
// FIXME: Can likely be removed when T259628 is resolved.
a.external {
background-image: none;
padding-right: 0;
}
}
.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;
}
}