klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-06-08 12:15:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adapt calendar to new tooltip library

Browse Source
This commit is contained in:
Antoine Bartuccio 2025-04-25 16:08:15 +02:00 committed by imperosol
parent ad91c8ed4f
commit b1eae5b466
2 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
core/static/core/style.scss
View File

@ -45,6 +45,35 @@ body {
} }
} }
@mixin tooltip {
@include shadow;
z-index: 1;
pointer-events: none;
background-color: #333;
color: #fff;
border: 0.5px solid hsl(0, 0%, 50%);
border-radius: 5px;
padding: 5px 10px;
position: absolute;
white-space: nowrap;
opacity: 0;
transition: opacity 500ms ease-in;
}
.tooltip {
@include tooltip;
position: absolute;
width: max-content;
left: 0;
top: 0;
}
.tooltip[tooltip-status=open] {
opacity: 1;
transition: opacity 500ms ease-in;
}
.ib { .ib {
display: inline-block; display: inline-block;
padding: 1px; padding: 1px;

3
core/static/core/tooltips.scss
View File

@ -10,10 +10,9 @@
border-radius: 5px; border-radius: 5px;
padding: 5px 10px; padding: 5px 10px;
position: absolute; position: absolute;
white-space: nowrap;
opacity: 0; opacity: 0;
transition: opacity 500ms ease-out; transition: opacity 500ms ease-out;
width: max-content;
white-space: normal; white-space: normal;
left: 0; left: 0;