Update tooltip according to UX review.
parent
0eea962895
commit
7d1894e1d5
|
@ -202,7 +202,7 @@ $default-dropdown-bg-color: unquote("rgb(#{$palette-white-100})") !default;
|
|||
/* ========== Tooltips ========== */
|
||||
|
||||
$tooltip-text-color: unquote("rgb(#{$palette-white-100})") !default;
|
||||
$tooltip-background-color: unquote("rgb(#{$palette-grey-600})") !default;
|
||||
$tooltip-background-color: unquote("rgba(#{$palette-black-100}, .9)") !default;
|
||||
|
||||
/* ========== Footer ========== */
|
||||
|
||||
|
|
|
@ -6,13 +6,13 @@
|
|||
transform: scale(0);
|
||||
transform-origin: top center;
|
||||
background: $tooltip-background-color;
|
||||
border-radius: 5px;
|
||||
border-radius: 2px;
|
||||
color: $tooltip-text-color;
|
||||
display: none;
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
max-width: 170px;
|
||||
padding: 5px 8px;
|
||||
padding: 4px 8px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -24,7 +24,7 @@
|
|||
.wsk-tooltip--large {
|
||||
line-height: 14px;
|
||||
font-size: 14px;
|
||||
padding: 16px;
|
||||
padding: 15px 16px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
|
|
Loading…
Reference in New Issue