fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(tooltips): color styling

Browse Source
This commit is contained in:
Sarah Vaupel 2019-10-01 14:37:17 +02:00
parent 3b0e1d570d
commit e1b7170259
1 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/utils/tooltips/tooltips.scss
View File

@ -10,7 +10,7 @@
} }
.tooltip__handle { .tooltip__handle {
color: var(--color-dark); color: var(--color-light);
height: 1.5rem; height: 1.5rem;
width: 1.5rem; width: 1.5rem;
line-height: 1.5rem; line-height: 1.5rem;
@ -31,12 +31,34 @@
font-size: 15px; font-size: 15px;
} }
&.tooltip__handle--danger { &.tooltip__handle.urgency__info {
color: var(--color-info);
}
&.tooltip__handle.urgency__success {
color: var(--color-success);
}
&.tooltip__handle.urgency__warning {
color: var(--color-warning); color: var(--color-warning);
} }
&.tooltip__handle.urgency__error {
color: var(--color-error);
}
&:hover { &:hover {
color: var(--color-light); color: var(--color-dark);
&.tooltip__handle.urgency__info {
color: var(--color-info-dark);
}
&.tooltip__handle.urgency__success {
color: var(--color-success-dark);
}
&.tooltip__handle.urgency__warning {
color: var(--color-warning-dark);
}
&.tooltip__handle.urgency__error {
color: var(--color-error-dark);
}
} }
} }