mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-17 03:08:12 +00:00
88caf181e5
As part of my work on fixing addPortletLink for tabs on mobile (T340728) we need these tabs to be correctly designated as an unordered list (note, this is also how they are rendered in Vector). In addition, update the styles to account for the link being nested in a list item now There should be no visual change as a result of this, but if there is please let me know!! I will be testing locally in pixel after pushing to ensure the change is transparent Bug: T340728 Change-Id: I922558a59aa909ce76079bab057811d76467f644
60 lines
1 KiB
Plaintext
60 lines
1 KiB
Plaintext
.minerva__tab-container {
|
|
white-space: nowrap;
|
|
overflow-x: auto;
|
|
|
|
.minerva__tab {
|
|
font-size: @taglineFontSize;
|
|
margin: 0 10px 0 0;
|
|
font-weight: bold;
|
|
padding-bottom: 6px;
|
|
display: inline-block;
|
|
|
|
&:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
// note core doesn't use BEM.
|
|
&.selected {
|
|
border-bottom: @border-width-thick @border-style-base #54595d;
|
|
}
|
|
}
|
|
|
|
// FIXME - this is to be removed in ~a week once the cache has refreshed and there are no more unnested links
|
|
a.minerva__tab {
|
|
color: @color-subtle;
|
|
|
|
&:visited,
|
|
&:hover,
|
|
&:active {
|
|
text-decoration: none;
|
|
}
|
|
|
|
&.new,
|
|
&.new:visited,
|
|
&.new:hover,
|
|
&.new:active {
|
|
color: @color-link-new;
|
|
}
|
|
}
|
|
|
|
// FIXME - once the cache is cleared, remove the li specification and incorporate these back into .minerva__tab
|
|
li.minerva__tab {
|
|
a {
|
|
color: @color-subtle;
|
|
}
|
|
|
|
a:visited,
|
|
a:hover,
|
|
a:active {
|
|
text-decoration: none;
|
|
}
|
|
|
|
&.new a,
|
|
&.new a:visited,
|
|
&.new a:hover,
|
|
&.new a:active {
|
|
color: @color-link-new;
|
|
}
|
|
}
|
|
}
|