some tweaks
This commit is contained in:
parent
7db65413be
commit
5851d398d3
4 changed files with 26 additions and 64 deletions
59
src/app.css
59
src/app.css
|
@ -105,65 +105,6 @@ body {
|
|||
& > div {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
padding: .5em 1em;
|
||||
|
||||
background-color: inherit;
|
||||
color: var(--text-1);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
|
||||
text-align: start;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--surface-2);
|
||||
}
|
||||
}
|
||||
|
||||
.menu-child {
|
||||
position: fixed;
|
||||
inset-inline-start: anchor(self-start);
|
||||
inset-block-start: anchor(end);
|
||||
|
||||
grid-template-columns: auto auto;
|
||||
place-content: start;
|
||||
|
||||
gap: .5em;
|
||||
padding: .5em 0;
|
||||
inline-size: max-content;
|
||||
|
||||
background-color: var(--surface-2);
|
||||
border: 1px solid var(--surface-3);
|
||||
border-block-start-width: 0;
|
||||
margin: unset;
|
||||
|
||||
&:popover-open {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
& > .menu-item {
|
||||
grid-column: span 2;
|
||||
display: grid;
|
||||
grid-template-columns: subgrid;
|
||||
align-items: center;
|
||||
|
||||
background-color: var(--surface-2);
|
||||
|
||||
&:hover {
|
||||
background-color: var(--surface-3);
|
||||
}
|
||||
|
||||
& > sub {
|
||||
color: var(--text-2);
|
||||
text-align: end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:popover-open + .menu-item {
|
||||
background-color: var(--surface-2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue