Hopiu/wagtail
1
0
Fork 0
mirror of https://github.com/Hopiu/wagtail.git synced 2026-05-02 20:44:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve contrast of Draftail tooltip buttons

Browse source
This commit is contained in:
Thibaud Colas 2018-01-18 11:57:06 +02:00
parent 5928662b95
commit 6e78b7fe3c
1 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
client/src/components/Draftail/Tooltip/Tooltip.scss
View file

@ -8,6 +8,8 @@ $tooltip-chrome-text: $draftail-tooltip-chrome-text;
$tooltip-z-index: $draftail-tooltip-z-index;
$tooltip-color-no: #f48880;
@mixin arrow--top {
margin-top: $tooltip-arrow-spacing;
transform: translateX(-50%);
@ -68,20 +70,25 @@ $tooltip-z-index: $draftail-tooltip-z-index;
&--top-left {
@include arrow--top-left;
}
}
.Tooltip__link {
@include font-smoothing;
font-size: 0.875rem;
margin-right: $controls-spacing * 4;
display: inline-block;
&__link {
@include font-smoothing;
font-size: 0.875rem;
margin-right: $controls-spacing * 4;
display: inline-block;
&,
&:hover {
color: $color-white;
&,
&:hover {
color: $color-white;
}
}
&__button {
padding: $button-spacing $controls-spacing;
&.no.button-secondary {
color: $tooltip-color-no;
border-color: currentColor;
}
}
}
.Tooltip__button {
padding: $button-spacing $controls-spacing;
}