]> git.proxmox.com Git - extjs.git/blame - extjs/modern/theme-device-base/sass/src/grid/Grid.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / modern / theme-device-base / sass / src / grid / Grid.scss
CommitLineData
6527f429
DM
1.#{$prefix}grid-row {\r
2 border-width: 0 0 1px 0;\r
3 border-style: solid;\r
4}\r
5\r
6.#{$prefix}grid-cell {\r
7 line-height: 60px;\r
8 padding: 0 8px;\r
9 height: 60px;\r
10 border-width: 0 1px 0 0;\r
11}\r
12\r
13.#{$prefix}grid-summaryrow {\r
14 height: 32px;\r
15 font-size: 0.8em;\r
16\r
17 .#{$prefix}grid-cell {\r
18 height: 32px;\r
19 line-height: 30px;\r
20 border-width: 0 0 1px;\r
21 border-style: solid;\r
22 }\r
23}\r
24\r
25.#{$prefix}grid-header {\r
26 line-height: 44px;\r
27 font-weight: bold;\r
28}\r
29\r
30.#{$prefix}grid-header-container {\r
31 border-width: 0 0 1px 1px;\r
32 border-style: solid;\r
33 height: 65px;\r
34 font-weight: bold;\r
35}\r
36\r
37.#{$prefix}grid-column {\r
38 height: 64px;\r
39 border-width: 1px 1px 0 0;\r
40 border-style: solid;\r
41 line-height: 64px;\r
42 vertical-align: middle;\r
43 padding: 0 8px;\r
44\r
45 .#{$prefix}innerhtml {\r
46 position: relative;\r
47 display: inline-block;\r
48 }\r
49\r
50 &.#{$prefix}column-sorted-asc,\r
51 &.#{$prefix}column-sorted-desc {\r
52 .#{$prefix}innerhtml:after {\r
53 position: absolute;\r
54 width: 12px;\r
55 line-height: 64px;\r
56 top: 0;\r
57 height: 64px;\r
58 font-family: 'Pictos';\r
59 font-size: 12px;\r
60 }\r
61 }\r
62\r
63 &.#{$prefix}column-align-left,\r
64 &.#{$prefix}column-align-center {\r
65 .#{$prefix}innerhtml:after {\r
66 right: -16px;\r
67 }\r
68 }\r
69 &.#{$prefix}column-align-right .#{$prefix}innerhtml:after {\r
70 left: -16px;\r
71 }\r
72\r
73 &.#{$prefix}column-sorted-asc .#{$prefix}innerhtml:after {\r
74 content: icon-character-for-name('up');\r
75 }\r
76 &.#{$prefix}column-sorted-desc .#{$prefix}innerhtml:after {\r
77 content: icon-character-for-name('down');\r
78 }\r
79}\r
80\r
81.#{$prefix}grid-headergroup {\r
82 display: inline-block;\r
83 position: relative;\r
84 vertical-align: bottom;\r
85 height: 64px;\r
86 border-style: solid;\r
87 border-width: 1px 0 0;\r
88\r
89 .#{$prefix}inner > .#{$prefix}innerhtml {\r
90 height: 32px;\r
91 line-height: 28px;\r
92 vertical-align: middle;\r
93 display: block;\r
94 position: absolute;\r
95 width: 100%;\r
96 top: 0;\r
97 left: 0;\r
98 border-style: solid;\r
99 border-width: 1px;\r
100 }\r
101\r
102 .#{$prefix}grid-column {\r
103 height: 32px !important;\r
104 line-height: 27px !important;\r
105 font-size: 0.7em;\r
106\r
107 &.#{$prefix}column-sorted-asc,\r
108 &.#{$prefix}column-sorted-desc {\r
109 .#{$prefix}innerhtml:after {\r
110 line-height: 27px;\r
111 height: 27px;\r
112 }\r
113 }\r
114 }\r
115}\r
116\r
117.#{$prefix}grid-headergroup-text {\r
118 height: 32px;\r
119 line-height: 32px;\r
120 border-style: solid;\r
121 border-width: 0 1px 0 0;\r
122}\r
123\r
124.#{$prefix}grid-pagingtoolbar-prev {\r
125 @include font-icon($pictos-var-arrow_left Pictos);\r
126}\r
127\r
128.#{$prefix}grid-pagingtoolbar-next {\r
129 @include font-icon($pictos-var-arrow_right Pictos);\r
130}\r
131\r
132.#{$prefix}grid-viewoptions {\r
133 .#{$prefix}list-item .#{$prefix}innerhtml {\r
134 padding: 0px !important;\r
135 }\r
136\r
137 .#{$prefix}column-options-header {\r
138 height: 32px;\r
139 line-height: 28px;\r
140 vertical-align: middle;\r
141 border-style: solid;\r
142 border-width: 1px;\r
143 overflow: hidden;\r
144 padding-left: 10px;\r
145 }\r
146\r
147 .#{$prefix}column-options-sortablehandle,\r
148 .#{$prefix}column-options-visibleindicator,\r
149 .#{$prefix}column-options-groupindicator,\r
150 .#{$prefix}column-options-folder,\r
151 .#{$prefix}column-options-leaf {\r
152 width: 40px;\r
153 height: 48px;\r
154 position: absolute;\r
155 bottom: 0;\r
156\r
157 &:after {\r
158 position: absolute;\r
159 top: 0;\r
160 left: 0;\r
161 height: 100%;\r
162 width: 100%;\r
163 text-align: center;\r
164 font-size: 24px;\r
165 line-height: 48px;\r
166 vertical-align: middle;\r
167 font-family: 'Pictos';\r
168 }\r
169 }\r
170\r
171 .#{$prefix}column-options-sortablehandle {\r
172 left: 0;\r
173 &:after {\r
174 line-height: 54px;\r
175 content: icon-character-for-name('list');\r
176 }\r
177 }\r
178 .#{$prefix}column-options-visibleindicator {\r
179 right: 0;\r
180 &:after {\r
181 font-size: 30px;\r
182 line-height: 54px;\r
183 content: icon-character-for-name('eye');\r
184 }\r
185 }\r
186\r
187 .#{$prefix}column-options-groupindicator {\r
188 right: 40px;\r
189 &:after {\r
190 font-size: 30px;\r
191 line-height: 54px;\r
192 content: icon-character-for-name('team');\r
193 }\r
194 }\r
195\r
196 .#{$prefix}column-options-folder,\r
197 .#{$prefix}column-options-leaf {\r
198 width: 30px;\r
199 left: 40px;\r
200\r
201 &:after {\r
202 line-height: 52px;\r
203 content: icon-character-for-name('folder');\r
204 }\r
205 }\r
206\r
207 .#{$prefix}column-options-leaf:after {\r
208 content: icon-character-for-name('file');\r
209 }\r
210\r
211 .#{$prefix}column-options-text {\r
212 display: block;\r
213 height: 30px;\r
214 margin: 10px 50px 5px 80px;\r
215 position: relative;\r
216 vertical-align: middle;\r
217 line-height: 28px;\r
218 }\r
219}\r
220\r
221//-----------------------------------------------\r
222\r
223.#{$prefix}grid-multiselection-column {\r
224 position: relative;\r
225 padding: 0;\r
226\r
227 &:after {\r
228 position: absolute;\r
229 top: 0;\r
230 left: 0;\r
231 width: 60px;\r
232 height: 64px;\r
233 line-height: 64px;\r
234 font-family: 'Pictos';\r
235 font-size: 26px;\r
236 text-align: center;\r
237 content: $pictos-var-check;\r
238 }\r
239}\r
240\r
241.#{$prefix}grid-multiselection-cell {\r
242 position: relative;\r
243 padding: 0;\r
244\r
245 &:after {\r
246 position: absolute;\r
247 top: 0;\r
248 left: 0;\r
249 width: 60px;\r
250 height: 60px;\r
251 line-height: 60px;\r
252 font-family: 'Pictos';\r
253 font-size: 20px;\r
254 text-align: center;\r
255 content: $pictos-var-minus2;\r
256 }\r
257}\r
258\r
259.#{$prefix}item-selected .#{$prefix}grid-multiselection-cell:after {\r
260 content: $pictos-var-check2;\r
261}\r