static/popup-menu.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

.menuButton {
  display: flex;
  &:not(:has(li)) {
    display: none;
  }
}

ul.popupMenu {
  position: absolute;
  border: var(--border);
  border-radius: var(--border-radius);
  background: var(--clr-panel-background);
  z-index: 10;
  box-shadow: var(--overlay-shadow);
  list-style: none;
  margin: 0;
  padding: 0;

  li > * {
    padding: var(--spacing-single);
    display: grid;
    grid-template-columns: var(--icon-size) auto;
    gap: var(--spacing-single);
    align-items: center;
    justify-content: start;

    border: none;
    background: none;
    font-family: inherit;
    font-size: var(--font-normal-size) !important;
    color: var(--clr-foreground) !important;
    width: 100% !important;
    text-decoration: none;
    cursor: pointer;
  }
  li:not(:last-child) {
    border-bottom: var(--border);
  }
}