Fix overlap between preview button and edit switcher

These buttons can appear in any order depending on when
the code loads. Remove the default OOUI button negative
margin.

Replace group padding with margin now there is no negative
margin on the buttons.

Change-Id: Id2ebf7aa0b27da1d03d56f59e8a9a96f7656106d
This commit is contained in:
Ed Sanders 2024-03-12 11:03:20 -07:00
parent 008e2c5a94
commit 7837e3952c
2 changed files with 12 additions and 6 deletions

View file

@ -111,7 +111,7 @@
.group {
padding-right: 0;
padding-left: 6px;
margin-left: 6px;
border-left: 1px solid #c8ccd1;
}
}

View file

@ -1,11 +1,17 @@
@import 'mediawiki.skin.variables.less';
.ext-WikiEditor-realtimepreview-button:hover {
background-color: @background-color-interactive;
}
.ext-WikiEditor-realtimepreview-button {
&:hover {
background-color: @background-color-interactive;
}
.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
color: @color-progressive;
&.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
color: @color-progressive;
}
&.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement:first-child {
margin-left: 0;
}
}
/* stylelint-disable selector-max-id */