Files: 9429dd07ea740e2d002c966affa5cdaccc0d73f3 / modules_core / suggest-box.css
1167 bytesRaw
1 | /* |
2 | NOTE the suggest-box module appends the suggestion div to the end of the body, |
3 | so wrapping it in a module is impossible. |
4 | |
5 | Writing mcss for this is hard, so I've just written tight css selectors |
6 | |
7 | Schema: |
8 | |
9 | body div.suggest-box ul { |
10 | li { |
11 | img {} |
12 | strong {} |
13 | small {} |
14 | } |
15 | |
16 | li.selected { |
17 | img {} |
18 | strong {} |
19 | small {} |
20 | } |
21 | } |
22 | */ |
23 | |
24 | |
25 | body > .suggest-box { |
26 | width: max-content; |
27 | background-color: #fff; |
28 | border: 1px gainsboro solid; |
29 | |
30 | padding: .2rem .5rem; |
31 | margin-top: .35rem; |
32 | } |
33 | |
34 | body > .suggest-box > ul { |
35 | list-style-type: none; |
36 | padding: 0; |
37 | } |
38 | |
39 | body > .suggest-box > ul > li { |
40 | display: flex; |
41 | align-items: center; |
42 | |
43 | padding-right: .2rem; |
44 | margin-bottom: .2rem; |
45 | } |
46 | |
47 | body > .suggest-box > ul > li.selected { |
48 | color: #fff; |
49 | background: #0caaf9; |
50 | } |
51 | |
52 | body > .suggest-box > ul > li > img { |
53 | height: 36px; |
54 | width: 36px; |
55 | padding: .2rem; |
56 | /* TODO make smaller emoji thumbnails */ |
57 | } |
58 | |
59 | body > .suggest-box > ul > li > strong { |
60 | flex-grow: 1; |
61 | margin-left: .5rem; |
62 | font-weight: 300; |
63 | } |
64 | |
65 | body > .suggest-box > ul > li > small { |
66 | font-family: monospace; |
67 | margin-left: .5rem; |
68 | padding-right: .2rem; |
69 | font-size: 1rem; |
70 | } |
71 | |
72 |
Built with git-ssb-web