blob: 97c6993048b3cc2f41872eb40abd0dbfd276f270 (
plain)
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
@import (reference) '../../node_modules/bootstrap/less/variables.less';
@import (reference) '../../node_modules/bootstrap/less/mixins/grid.less';
@menu-height: 85px;
header {
padding-top: 6px;
background-color: white;
@separator-color: lighten(grey, 15%);
menu {
display: block;
margin: 0;
padding: 0;
border-bottom: solid @separator-color 1px;
height: @menu-height;
overflow: visible; // search help context laps over.
}
}
@menu-legend-height: 16px;
@menu-group-hmargin: 3px;
.menu-group {
margin: 0 @menu-group-hmargin;
display: inline-block;
height: @menu-height;
vertical-align: top;
}
.menu-content {
height: @menu-height - @menu-legend-height;
text-align: center;
> .btn {
height: @menu-height - @menu-legend-height;
text-align: center;
margin: 0 1px;
padding: 12px 5px;
border: none;
border-radius: 0;
i {
font-size: 20px;
display: block;
margin: 0 auto 5px;
}
}
}
.menu-entry {
text-align: left;
height: (@menu-height - @menu-legend-height)/3;
line-height: 1;
padding: 0.5rem 1rem;
label {
font-size: 1.2rem;
font-weight: normal;
margin: 0;
}
input[type=checkbox] {
margin: 0 2px;
vertical-align: middle;
}
}
.menu-legend {
height: @menu-legend-height;
text-align: center;
font-size: 12px;
padding: 0 5px;
}
.menu-group + .menu-group:before {
@space: 10px;
margin-left: -@menu-group-hmargin;
content: " ";
border-left: solid 1px lighten(grey, 40%);
margin-top: @space;
height: @menu-height - @space*2;
position: absolute;
}
@menu-main-gutter-width: 5px;
.menu-main {
.make-row(@menu-main-gutter-width);
padding: 2px 5px;
}
.filter-input {
.make-sm-column(5, @menu-main-gutter-width);
padding: 2.5px;
@media (max-width: @screen-xs-max) {
padding: 2px 2.5px;
> .form-control, > .input-group-addon, > .input-group-btn > .btn {
height: 23.5px;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
}
}
}
.filter-input .popover {
top: 27px;
display: block;
max-width: none;
opacity: 0.9;
.popover-content {
max-height: 500px;
overflow-y: auto;
tr {
cursor: pointer;
&:hover {
background-color: hsla(209, 52%, 84%, 0.5) !important;
}
}
}
}
|