Restore highlightable-row CSS we accidentally removed

This was removed in I75ef7c3. Turns out it's needed for the
highlightable elements in the popups (e.g. when highlighting all
edits made by the same user). The text row in the popup gets a thin
gray border. This border needs some padding on the left.

The solution is to make the CSS selector more specific so it can
win over the problematic selector in Vector.

Bug: T341872
Change-Id: Ia029b92b5e049c60279b55177a62e03919dc55d8
This commit is contained in:
thiemowmde 2023-08-29 17:23:31 +02:00
parent 24ca67ff10
commit 6455955ea1

View file

@ -144,6 +144,17 @@
.mw-revslider-change-none {
color: #aaa;
}
.mw-revslider-highlightable-row {
border: 1px solid transparent;
border-radius: 5em;
margin-left: -8px;
padding-left: 7px;
&.mw-revslider-highlight {
border-color: #e0e0e0;
}
}
}
.mw-revslider-arrow-tooltip,
@ -425,12 +436,3 @@ of the frameless one (to fit the size of the toggle button */
background-color: #72777d;
border: #e0e0e0;
}
.mw-revslider-highlightable-row {
border: 1px solid transparent;
border-radius: 5em;
&.mw-revslider-highlight {
border-color: #e0e0e0;
}
}