fix: strip existing sso param from clientUrl, add aria roles to dropdowns, add x-pathname fallback, move .dropdown-menu into @layer components
This commit is contained in:
1 parent
7e616ca6b3
commit
187af2e147
4 files changed
+37
-37
No files matched your search
+22
-26
@@ -146,6 +146,28 @@ body {
|
||||
background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
|
||||
color: var(--color-primary);
|
||||
}
|
||||
.dropdown-menu {
|
||||
background-color: var(--color-dropdown);
|
||||
border: 1px solid color-mix(in srgb, var(--color-text-muted) 14%, transparent);
|
||||
box-shadow: 0 8px 32px color-mix(in srgb, rgb(0, 0, 0) 20%, transparent);
|
||||
transform-origin: top right;
|
||||
transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
opacity: 0;
|
||||
transform: translateY(-8px) scale(0.95);
|
||||
pointer-events: none;
|
||||
}
|
||||
details[open] > .dropdown-menu {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
pointer-events: auto;
|
||||
}
|
||||
@starting-style {
|
||||
details[open] > .dropdown-menu {
|
||||
opacity: 0;
|
||||
transform: translateY(-8px) scale(0.95);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Atom icons / backgrounds (asset paths adapted to /assets) ── */
|
||||
@@ -723,32 +745,6 @@ tbody tr:hover {
|
||||
border-color: #f97316;
|
||||
}
|
||||
|
||||
/* ── Dropdown menu (solid color + animation) ─────────────────── */
|
||||
.dropdown-menu {
|
||||
background-color: var(--color-dropdown);
|
||||
border: 1px solid color-mix(in srgb, var(--color-text-muted) 14%, transparent);
|
||||
box-shadow: 0 8px 32px color-mix(in srgb, rgb(0, 0, 0) 20%, transparent);
|
||||
transform-origin: top right;
|
||||
transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
opacity: 0;
|
||||
transform: translateY(-8px) scale(0.95);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
details[open] > .dropdown-menu {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
@starting-style {
|
||||
details[open] > .dropdown-menu {
|
||||
opacity: 0;
|
||||
transform: translateY(-8px) scale(0.95);
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Radio sidebar ──────────────────────────────────────────── */
|
||||
.radio-layout {
|
||||
display: flex;
|
||||
|
||||
Reference in new issue
Block a user