git ssb

16+

Dominic / patchbay



Tree: 7c22ec2ce201b04fa7c787e4f7833eb28065327b

Files: 7c22ec2ce201b04fa7c787e4f7833eb28065327b / modules_core / suggest-box.css

1167 bytesRaw
1/*
2NOTE the suggest-box module appends the suggestion div to the end of the body,
3so wrapping it in a module is impossible.
4
5Writing mcss for this is hard, so I've just written tight css selectors
6
7Schema:
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
25body > .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
34body > .suggest-box > ul {
35 list-style-type: none;
36 padding: 0;
37}
38
39body > .suggest-box > ul > li {
40 display: flex;
41 align-items: center;
42
43 padding-right: .2rem;
44 margin-bottom: .2rem;
45}
46
47body > .suggest-box > ul > li.selected {
48 color: #fff;
49 background: #0caaf9;
50}
51
52body > .suggest-box > ul > li > img {
53 height: 36px;
54 width: 36px;
55 padding: .2rem;
56 /* TODO make smaller emoji thumbnails */
57}
58
59body > .suggest-box > ul > li > strong {
60 flex-grow: 1;
61 margin-left: .5rem;
62 font-weight: 300;
63}
64
65body > .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