Refactoring tip styles

This commit is contained in:
Julia Radzhabova 2021-10-29 18:42:42 +03:00
parent cfe8cdab30
commit 20904787e2
3 changed files with 7 additions and 34 deletions

View file

@ -594,39 +594,6 @@
font-size: 11px;
}
.synch-tip-root {
&.colored {
@tip-width: 240px;
width: @tip-width;
.tip-text {
width: @tip-width - 40px;
}
.asc-synchronizetip {
background-color: @background-contrast-popover;
color: @text-contrast-background;
.close {
&:before, &:after {
background-color: @text-contrast-background;
}
}
}
.tip-arrow:after {
background-color: @background-contrast-popover;
}
.btn-div {
display: inline-block;
border: 1px solid @border-regular-control-ie;
border: 1px solid @border-regular-control;
border-radius: 2px;
padding: 3px 12px;
margin-top: 10px;
}
}
}
.font-size-small {
.fontsize(@font-size-small);
}

View file

@ -15,7 +15,7 @@
--background-scrim: fade(black, 60%);
--background-loader: fade(#181818, 90%);
--background-alt-key-hint: #FFD938;
--background-contrast-popover: #363636;
--background-contrast-popover: #313131;
--highlight-button-hover: #555;
--highlight-button-pressed: #707070;

View file

@ -68,6 +68,12 @@
}
&.colored {
@tip-width: 270px;
width: @tip-width;
.tip-text {
width: @tip-width - 40px;
}
.asc-synchronizetip {
background-color: @background-contrast-popover;
color: @text-contrast-background;