klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-12 04:49:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Introduce position attributes for tooltips

Browse Source
This commit is contained in:
Antoine Bartuccio
2025-04-08 10:12:05 +02:00
parent 2e1a849aff
commit 5de05c0360
3 changed files with 38 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
com/static/com/components/ics-calendar.scss
View File

@ -22,8 +22,6 @@
ics-calendar {
border: none;
box-shadow: none;
overflow: visible;
z-index: 1;
#event-details {
z-index: 10;
@ -118,34 +116,7 @@ ics-calendar {
transition: 200ms linear;
}
/* Tooltip styles */
button[data-tooltip] {
position: relative;
cursor: pointer;
}
button[data-tooltip]::after {
font-size: 10px;
content: attr(data-tooltip);
position: absolute;
bottom: 120%; /* Adjust this value to position the tooltip above the button */
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
white-space: nowrap;
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
z-index: 99999;
}
button[data-tooltip]:hover::after,
button[data-tooltip]:focus::after {
opacity: 1;
[tooltip]::before {
font-size: 10px; // this will overflow otherwise
}
}