Files: be42b6c7a3098a78d9d43a99a82ef3363311878a / styles / suggest-box.mcss
793 bytesRaw
1 | SuggestBox { |
2 | width: max-content; |
3 | max-height: 50vh; |
4 | overflow-y: auto; |
5 | background-color: #fff; |
6 | border: 1px gainsboro solid; |
7 | z-index: 1000 |
8 | |
9 | padding: .2rem .5rem; |
10 | margin-top: .35rem; |
11 | |
12 | ul { |
13 | list-style-type: none; |
14 | padding: 0; |
15 | |
16 | li { |
17 | display: flex; |
18 | align-items: center; |
19 | |
20 | padding-right: .2rem; |
21 | margin-bottom: .2rem; |
22 | cursor: pointer |
23 | |
24 | img { |
25 | height: 36px; |
26 | width: 36px; |
27 | padding: .2rem; |
28 | } |
29 | |
30 | strong { |
31 | flex-grow: 1; |
32 | margin-left: .5rem; |
33 | font-weight: 300; |
34 | } |
35 | |
36 | small { |
37 | font-family: monospace; |
38 | margin-left: .5rem; |
39 | padding-right: .2rem; |
40 | font-size: 1rem; |
41 | } |
42 | } |
43 | |
44 | li.selected { |
45 | color: #fff; |
46 | background: #0caaf9; |
47 | } |
48 | } |
49 | |
50 | } |
51 |
Built with git-ssb-web