RTL Dropdown Nav corrected thanks to @64bitint

Added popovers to possibly replace the notifications.
Started adding popover toasts
This commit is contained in:
Yohn 2024-12-13 19:43:12 -05:00
parent 8a7b25a44f
commit 64373c2d44
244 changed files with 3461 additions and 724 deletions

View file

@ -2565,11 +2565,6 @@ body:has(dialog[open]) {
/**
* Nav
*/
:where(nav li)::before {
float: left;
content: "";
}
nav,
nav ul {
display: flex;
@ -3139,6 +3134,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition);
}
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/**
* Notification (<dialog>)
*/