-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
84 lines (68 loc) · 1.33 KB
/
index.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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
#previewTypes .btn {
margin-right: 0.2em;
}
.hex-wrapper {
font-size: 0.9em
}
#previewTypes {
padding-bottom: 0.2em;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
html .list-group-item {
padding: 0.18em 0.3em;
}
html .btn {
padding: 0.1em 1.0em;
}
#navigation,
#types {
max-width: 170px;
padding-right: 0.5rem;
}
#navigation {
display: flex;
flex-direction: column;
}
#navigation .list-group-item {
display: flex;
flex-direction: row;
align-content: stretch;
align-items: stretch;
}
#navigation .active {
background-color: inherit;
}
#navigation .active .btn {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
#navigation .list-group-item .label-btn,
#navigation .list-group-item input {
flex: 1;
flex-shrink: 1;
min-width: 0; /* Otherwise label would overflow outside of it's wrapper. */
}
#navigation .list-group-item .label-btn {
overflow: hidden;
text-overflow: ellipsis;
}
#navigation .list-group-item > * {
display: flex;
}
#navigation .active .edit-btn,
#navigation .active .remove-btn {
border-left: 1px solid rgba(0, 0, 0, 0.425);
padding: 0.2em;
}
.preview-iframe {
display: block;
width: 100%;
border: 0px;
}
html .btn-light:focus, html .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.hidden, #navigation .list-group-item .hidden {
display: none;
}