Deemphasize "Learn more about this page" link

* Increase selector specificity to make it work
* Tweak colors, they were lighter than intended
* Use color rather than opacity on text to avoid making it blurry
  (opacity disables subpixel rendering)

Bug: T324702
Change-Id: Ie32a7481ea90b983cd33e6eae981d47db8612c9f
This commit is contained in:
Bartosz Dziewoński 2022-12-07 21:42:13 +01:00
parent 529e83fce6
commit fda9f159f5

View file

@ -253,6 +253,7 @@ h1, h2, h3, h4, h5, h6 {
}
// Topic subscriptions (button)
// Boost specificity by adding .oo-ui-buttonElement
.ext-discussiontools-init-section-subscribeButton.oo-ui-buttonElement {
display: none;
@ -868,11 +869,20 @@ h1, h2, h3, h4, h5, h6 {
}
}
.ext-discussiontools-init-lede-button {
opacity: 0.66;
// Boost specificity by adding .oo-ui-buttonElement
.ext-discussiontools-init-lede-button.oo-ui-buttonElement {
> .oo-ui-buttonElement-button {
font-weight: normal;
> .oo-ui-labelElement-label {
color: #666;
}
// Boost specificity
> .oo-ui-iconElement-icon.oo-ui-iconElement-icon.oo-ui-iconElement-icon {
// When this opacity is applied to black color, we end up with exactly #666
opacity: 0.6;
}
}
}