Rewild Your Web
me.webbeef.org
web
browser
dweb
1/* SPDX-License-Identifier: AGPL-3.0-or-later */
2
3@import url(//system.localhost:8888/menu_shared.css);
4
5:host {
6 display: none;
7 position: absolute;
8 top: 0;
9 left: 0;
10 width: 100%;
11 height: 100%;
12 z-index: var(--z-modal);
13}
14
15:host([open]) {
16 display: block;
17}
18
19.backdrop {
20 position: absolute;
21 top: 0;
22 left: 0;
23 width: 100%;
24 height: 100%;
25 background: transparent;
26}
27
28.menu {
29 position: absolute;
30 max-height: 300px;
31 overflow-y: auto;
32}
33
34.menu-item .icon-slot {
35 width: 1em;
36 height: 1em;
37 display: flex;
38 align-items: center;
39 justify-content: center;
40 flex-shrink: 0;
41}
42
43.menu-item.disabled {
44 opacity: 0.5;
45 cursor: default;
46 pointer-events: none;
47}
48
49.menu-item.selected {
50 font-weight: var(--font-weight-bold);
51}
52
53.option-group {
54 padding: var(--spacing-xs) var(--spacing-sm);
55 font-size: var(--font-size-sm);
56 font-weight: var(--font-weight-bold);
57 color: var(--color-text-tertiary);
58 pointer-events: none;
59}