Add equipment planner toolbox module
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
This commit is contained in:
parent
ac33a55c8b
commit
d53d4160af
33 changed files with 3522 additions and 20 deletions
46
website/src/styles/_components.scss
Normal file
46
website/src/styles/_components.scss
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
// Rôle : regroupe les styles de composants UI partagés hors layout global.
|
||||
.ui-tooltip-anchor {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ui-tooltip {
|
||||
position: fixed;
|
||||
z-index: 520;
|
||||
width: max-content;
|
||||
max-width: min(280px, calc(100vw - 24px));
|
||||
padding: 8px 10px;
|
||||
border: 1px solid rgba(165, 180, 252, 0.18);
|
||||
border-radius: var(--radius-md);
|
||||
background: rgba(7, 10, 24, 0.98);
|
||||
box-shadow: var(--shadow-md);
|
||||
color: var(--color-text-secondary);
|
||||
font-size: var(--font-size-xs);
|
||||
line-height: 1.35;
|
||||
opacity: 1;
|
||||
pointer-events: none;
|
||||
transform: translate(-50%, -100%);
|
||||
transition:
|
||||
opacity var(--duration-fast) var(--ease-standard),
|
||||
transform var(--duration-fast) var(--ease-standard);
|
||||
}
|
||||
|
||||
.ui-tooltip::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-right: 1px solid rgba(165, 180, 252, 0.18);
|
||||
border-bottom: 1px solid rgba(165, 180, 252, 0.18);
|
||||
background: rgba(7, 10, 24, 0.98);
|
||||
transform: translate(-50%, -4px) rotate(45deg);
|
||||
}
|
||||
|
||||
.ui-tooltip-top-start {
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
.ui-tooltip-top-start::after {
|
||||
left: 16px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue