@syncfusion/ej2-navigations 20.1.51 → 20.1.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +18 -6
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +18 -6
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/carousel/carousel.js +18 -6
- package/styles/accordion/bootstrap-dark.css +6 -94
- package/styles/accordion/bootstrap.css +6 -94
- package/styles/accordion/bootstrap4.css +9 -109
- package/styles/accordion/bootstrap5-dark.css +3 -88
- package/styles/accordion/bootstrap5.css +3 -88
- package/styles/accordion/fabric-dark.css +6 -90
- package/styles/accordion/fabric.css +6 -90
- package/styles/accordion/fluent-dark.css +6 -87
- package/styles/accordion/fluent.css +6 -87
- package/styles/accordion/highcontrast-light.css +10 -116
- package/styles/accordion/highcontrast.css +10 -116
- package/styles/accordion/material-dark.css +6 -93
- package/styles/accordion/material.css +6 -93
- package/styles/accordion/tailwind-dark.css +6 -93
- package/styles/accordion/tailwind.css +6 -93
- package/styles/bootstrap-dark.css +271 -2022
- package/styles/bootstrap.css +271 -2022
- package/styles/bootstrap4.css +277 -2085
- package/styles/bootstrap5-dark.css +267 -2063
- package/styles/bootstrap5.css +267 -2063
- package/styles/breadcrumb/bootstrap-dark.css +8 -90
- package/styles/breadcrumb/bootstrap.css +8 -90
- package/styles/breadcrumb/bootstrap4.css +8 -90
- package/styles/breadcrumb/bootstrap5-dark.css +8 -94
- package/styles/breadcrumb/bootstrap5.css +8 -94
- package/styles/breadcrumb/fabric-dark.css +8 -89
- package/styles/breadcrumb/fabric.css +8 -89
- package/styles/breadcrumb/fluent-dark.css +8 -82
- package/styles/breadcrumb/fluent.css +8 -82
- package/styles/breadcrumb/highcontrast-light.css +8 -91
- package/styles/breadcrumb/highcontrast.css +8 -91
- package/styles/breadcrumb/material-dark.css +8 -85
- package/styles/breadcrumb/material.css +8 -85
- package/styles/breadcrumb/tailwind-dark.css +8 -92
- package/styles/breadcrumb/tailwind.css +8 -92
- package/styles/carousel/_layout.scss +19 -1
- package/styles/carousel/bootstrap-dark.css +24 -43
- package/styles/carousel/bootstrap.css +24 -43
- package/styles/carousel/bootstrap4.css +24 -43
- package/styles/carousel/bootstrap5-dark.css +24 -43
- package/styles/carousel/bootstrap5.css +24 -43
- package/styles/carousel/fabric-dark.css +24 -43
- package/styles/carousel/fabric.css +24 -43
- package/styles/carousel/fluent-dark.css +24 -43
- package/styles/carousel/fluent.css +24 -43
- package/styles/carousel/highcontrast-light.css +24 -43
- package/styles/carousel/highcontrast.css +24 -43
- package/styles/carousel/material-dark.css +24 -43
- package/styles/carousel/material.css +24 -43
- package/styles/carousel/tailwind-dark.css +24 -43
- package/styles/carousel/tailwind.css +24 -43
- package/styles/context-menu/bootstrap-dark.css +6 -60
- package/styles/context-menu/bootstrap.css +6 -60
- package/styles/context-menu/bootstrap4.css +6 -60
- package/styles/context-menu/bootstrap5-dark.css +6 -60
- package/styles/context-menu/bootstrap5.css +6 -60
- package/styles/context-menu/fabric-dark.css +6 -60
- package/styles/context-menu/fabric.css +6 -60
- package/styles/context-menu/fluent-dark.css +6 -60
- package/styles/context-menu/fluent.css +6 -60
- package/styles/context-menu/highcontrast-light.css +6 -60
- package/styles/context-menu/highcontrast.css +6 -60
- package/styles/context-menu/material-dark.css +6 -60
- package/styles/context-menu/material.css +6 -60
- package/styles/context-menu/tailwind-dark.css +6 -60
- package/styles/context-menu/tailwind.css +6 -60
- package/styles/fabric-dark.css +262 -2007
- package/styles/fabric.css +262 -2007
- package/styles/fluent-dark.css +262 -2018
- package/styles/fluent.css +262 -2018
- package/styles/h-scroll/bootstrap-dark.css +11 -67
- package/styles/h-scroll/bootstrap.css +11 -67
- package/styles/h-scroll/bootstrap4.css +11 -69
- package/styles/h-scroll/bootstrap5-dark.css +11 -68
- package/styles/h-scroll/bootstrap5.css +11 -68
- package/styles/h-scroll/fabric-dark.css +11 -67
- package/styles/h-scroll/fabric.css +11 -67
- package/styles/h-scroll/fluent-dark.css +11 -68
- package/styles/h-scroll/fluent.css +11 -68
- package/styles/h-scroll/highcontrast-light.css +11 -70
- package/styles/h-scroll/highcontrast.css +11 -70
- package/styles/h-scroll/material-dark.css +11 -68
- package/styles/h-scroll/material.css +11 -68
- package/styles/h-scroll/tailwind-dark.css +11 -68
- package/styles/h-scroll/tailwind.css +11 -68
- package/styles/highcontrast-light.css +267 -2079
- package/styles/highcontrast.css +267 -2082
- package/styles/material-dark.css +265 -1976
- package/styles/material.css +258 -1968
- package/styles/menu/bootstrap-dark.css +27 -201
- package/styles/menu/bootstrap.css +27 -201
- package/styles/menu/bootstrap4.css +28 -211
- package/styles/menu/bootstrap5-dark.css +27 -202
- package/styles/menu/bootstrap5.css +27 -202
- package/styles/menu/fabric-dark.css +27 -201
- package/styles/menu/fabric.css +27 -201
- package/styles/menu/fluent-dark.css +27 -204
- package/styles/menu/fluent.css +27 -204
- package/styles/menu/highcontrast-light.css +27 -201
- package/styles/menu/highcontrast.css +27 -201
- package/styles/menu/material-dark.css +27 -203
- package/styles/menu/material.css +27 -203
- package/styles/menu/tailwind-dark.css +27 -202
- package/styles/menu/tailwind.css +27 -202
- package/styles/sidebar/bootstrap-dark.css +12 -27
- package/styles/sidebar/bootstrap.css +12 -27
- package/styles/sidebar/bootstrap4.css +12 -27
- package/styles/sidebar/bootstrap5-dark.css +10 -25
- package/styles/sidebar/bootstrap5.css +10 -25
- package/styles/sidebar/fabric-dark.css +12 -27
- package/styles/sidebar/fabric.css +12 -27
- package/styles/sidebar/fluent-dark.css +10 -25
- package/styles/sidebar/fluent.css +10 -25
- package/styles/sidebar/highcontrast-light.css +12 -27
- package/styles/sidebar/highcontrast.css +12 -27
- package/styles/sidebar/material-dark.css +12 -27
- package/styles/sidebar/material.css +12 -27
- package/styles/sidebar/tailwind-dark.css +10 -25
- package/styles/sidebar/tailwind.css +10 -25
- package/styles/tab/bootstrap-dark.css +150 -963
- package/styles/tab/bootstrap.css +150 -963
- package/styles/tab/bootstrap4.css +150 -970
- package/styles/tab/bootstrap5-dark.css +150 -975
- package/styles/tab/bootstrap5.css +150 -975
- package/styles/tab/fabric-dark.css +141 -954
- package/styles/tab/fabric.css +141 -954
- package/styles/tab/fluent-dark.css +143 -949
- package/styles/tab/fluent.css +143 -949
- package/styles/tab/highcontrast-light.css +142 -980
- package/styles/tab/highcontrast.css +142 -980
- package/styles/tab/material-dark.css +144 -916
- package/styles/tab/material.css +137 -909
- package/styles/tab/tailwind-dark.css +137 -907
- package/styles/tab/tailwind.css +137 -907
- package/styles/tailwind-dark.css +256 -1988
- package/styles/tailwind.css +256 -1988
- package/styles/toolbar/bootstrap-dark.css +7 -246
- package/styles/toolbar/bootstrap.css +7 -246
- package/styles/toolbar/bootstrap4.css +8 -258
- package/styles/toolbar/bootstrap5-dark.css +7 -251
- package/styles/toolbar/bootstrap5.css +7 -251
- package/styles/toolbar/fabric-dark.css +7 -245
- package/styles/toolbar/fabric.css +7 -245
- package/styles/toolbar/fluent-dark.css +7 -244
- package/styles/toolbar/fluent.css +7 -244
- package/styles/toolbar/highcontrast-light.css +7 -257
- package/styles/toolbar/highcontrast.css +7 -257
- package/styles/toolbar/material-dark.css +7 -248
- package/styles/toolbar/material.css +7 -248
- package/styles/toolbar/tailwind-dark.css +7 -245
- package/styles/toolbar/tailwind.css +7 -245
- package/styles/treeview/bootstrap-dark.css +23 -191
- package/styles/treeview/bootstrap.css +23 -191
- package/styles/treeview/bootstrap4.css +24 -208
- package/styles/treeview/bootstrap5-dark.css +24 -217
- package/styles/treeview/bootstrap5.css +24 -217
- package/styles/treeview/fabric-dark.css +23 -191
- package/styles/treeview/fabric.css +23 -191
- package/styles/treeview/fluent-dark.css +23 -216
- package/styles/treeview/fluent.css +23 -216
- package/styles/treeview/highcontrast-light.css +23 -191
- package/styles/treeview/highcontrast.css +23 -194
- package/styles/treeview/material-dark.css +23 -192
- package/styles/treeview/material.css +23 -191
- package/styles/treeview/tailwind-dark.css +23 -213
- package/styles/treeview/tailwind.css +23 -213
- package/styles/v-scroll/bootstrap-dark.css +7 -50
- package/styles/v-scroll/bootstrap.css +7 -50
- package/styles/v-scroll/bootstrap4.css +7 -50
- package/styles/v-scroll/bootstrap5-dark.css +7 -50
- package/styles/v-scroll/bootstrap5.css +7 -50
- package/styles/v-scroll/fabric-dark.css +7 -50
- package/styles/v-scroll/fabric.css +7 -50
- package/styles/v-scroll/fluent-dark.css +7 -50
- package/styles/v-scroll/fluent.css +7 -50
- package/styles/v-scroll/highcontrast-light.css +7 -53
- package/styles/v-scroll/highcontrast.css +7 -53
- package/styles/v-scroll/material-dark.css +7 -51
- package/styles/v-scroll/material.css +7 -51
- package/styles/v-scroll/tailwind-dark.css +7 -50
- package/styles/v-scroll/tailwind.css +7 -50
|
@@ -1,35 +1,28 @@
|
|
|
1
1
|
/*! hscroll icons */
|
|
2
2
|
.e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
|
|
3
|
-
content:
|
|
3
|
+
content: "\e904";
|
|
4
4
|
}
|
|
5
|
-
|
|
6
5
|
.e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
|
|
7
|
-
content:
|
|
6
|
+
content: "\e913";
|
|
8
7
|
}
|
|
9
|
-
|
|
10
8
|
.e-hscroll.e-rtl .e-nav-left-arrow::before {
|
|
11
|
-
content:
|
|
9
|
+
content: "\e848";
|
|
12
10
|
}
|
|
13
|
-
|
|
14
11
|
.e-hscroll.e-rtl .e-nav-right-arrow::before {
|
|
15
|
-
content:
|
|
12
|
+
content: "\e84b";
|
|
16
13
|
}
|
|
17
|
-
|
|
18
14
|
.e-hscroll.e-scroll-device .e-nav-right-arrow::before {
|
|
19
|
-
content:
|
|
15
|
+
content: "\e913";
|
|
20
16
|
}
|
|
21
|
-
|
|
22
17
|
.e-hscroll.e-scroll-device .e-nav-left-arrow::before {
|
|
23
|
-
content:
|
|
18
|
+
content: "\e904";
|
|
24
19
|
}
|
|
25
|
-
|
|
26
20
|
.e-hscroll .e-nav-left-arrow::before {
|
|
27
|
-
content:
|
|
21
|
+
content: "\e84b";
|
|
28
22
|
line-height: normal;
|
|
29
23
|
}
|
|
30
|
-
|
|
31
24
|
.e-hscroll .e-nav-right-arrow::before {
|
|
32
|
-
content:
|
|
25
|
+
content: "\e848";
|
|
33
26
|
line-height: normal;
|
|
34
27
|
}
|
|
35
28
|
|
|
@@ -38,38 +31,31 @@
|
|
|
38
31
|
.e-hscroll.e-bigger {
|
|
39
32
|
min-height: 50px;
|
|
40
33
|
}
|
|
41
|
-
|
|
42
34
|
.e-bigger .e-hscroll:not(.e-scroll-device),
|
|
43
35
|
.e-hscroll.e-bigger:not(.e-scroll-device) {
|
|
44
36
|
padding: 0 50px;
|
|
45
37
|
}
|
|
46
|
-
|
|
47
38
|
.e-bigger .e-hscroll.e-scroll-device,
|
|
48
39
|
.e-hscroll.e-bigger.e-scroll-device {
|
|
49
40
|
padding-right: 50px;
|
|
50
41
|
}
|
|
51
|
-
|
|
52
42
|
.e-bigger .e-hscroll.e-rtl.e-scroll-device,
|
|
53
43
|
.e-hscroll.e-bigger.e-rtl.e-scroll-device {
|
|
54
44
|
padding-left: 50px;
|
|
55
45
|
padding-right: initial;
|
|
56
46
|
}
|
|
57
|
-
|
|
58
47
|
.e-bigger .e-hscroll .e-nav-arrow.e-icons,
|
|
59
48
|
.e-hscroll.e-bigger .e-nav-arrow.e-icons {
|
|
60
49
|
font-size: 14px;
|
|
61
50
|
}
|
|
62
|
-
|
|
63
51
|
.e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
|
|
64
52
|
.e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
|
|
65
53
|
left: 50px;
|
|
66
54
|
}
|
|
67
|
-
|
|
68
55
|
.e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
|
|
69
56
|
.e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
|
|
70
57
|
right: 50px;
|
|
71
58
|
}
|
|
72
|
-
|
|
73
59
|
.e-bigger .e-hscroll .e-scroll-nav,
|
|
74
60
|
.e-hscroll.e-bigger .e-scroll-nav {
|
|
75
61
|
min-height: 50px;
|
|
@@ -81,45 +67,36 @@
|
|
|
81
67
|
position: relative;
|
|
82
68
|
width: inherit;
|
|
83
69
|
}
|
|
84
|
-
|
|
85
70
|
.e-hscroll.e-rtl.e-scroll-device {
|
|
86
71
|
padding-left: 50px;
|
|
87
72
|
padding-right: initial;
|
|
88
73
|
}
|
|
89
|
-
|
|
90
74
|
.e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
|
|
91
75
|
transform: skewX(-16deg) translateX(-6px);
|
|
92
76
|
}
|
|
93
|
-
|
|
94
77
|
.e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
|
|
95
78
|
left: 50px;
|
|
96
79
|
right: auto;
|
|
97
80
|
transform: skewX(-16deg) translateX(-6px);
|
|
98
81
|
}
|
|
99
|
-
|
|
100
82
|
.e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
|
|
101
83
|
left: auto;
|
|
102
84
|
right: 0;
|
|
103
85
|
}
|
|
104
|
-
|
|
105
86
|
.e-hscroll:not(.e-scroll-device) {
|
|
106
87
|
padding: 0 40px;
|
|
107
88
|
}
|
|
108
|
-
|
|
109
89
|
.e-hscroll.e-scroll-device {
|
|
110
90
|
padding-right: 50px;
|
|
111
91
|
}
|
|
112
|
-
|
|
113
92
|
.e-hscroll.e-scroll-device .e-scroll-nav {
|
|
114
93
|
transform: skewX(-16deg) translateX(6px);
|
|
115
94
|
width: 50px;
|
|
116
95
|
}
|
|
117
|
-
|
|
118
96
|
.e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
|
|
119
97
|
font-size: 14px;
|
|
120
98
|
transform: skewX(16deg);
|
|
121
99
|
}
|
|
122
|
-
|
|
123
100
|
.e-hscroll.e-scroll-device .e-scroll-overlay {
|
|
124
101
|
opacity: 0.5;
|
|
125
102
|
pointer-events: none;
|
|
@@ -127,26 +104,21 @@
|
|
|
127
104
|
top: 0;
|
|
128
105
|
z-index: 100;
|
|
129
106
|
}
|
|
130
|
-
|
|
131
107
|
.e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
|
|
132
108
|
left: auto;
|
|
133
109
|
right: 50px;
|
|
134
110
|
transform: skewX(-16deg) translateX(6px);
|
|
135
111
|
}
|
|
136
|
-
|
|
137
112
|
.e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
|
|
138
113
|
left: 0;
|
|
139
114
|
right: auto;
|
|
140
115
|
}
|
|
141
|
-
|
|
142
116
|
.e-hscroll.e-overlay .e-hscroll-content > * {
|
|
143
117
|
pointer-events: none;
|
|
144
118
|
}
|
|
145
|
-
|
|
146
119
|
.e-hscroll > * {
|
|
147
120
|
height: inherit;
|
|
148
121
|
}
|
|
149
|
-
|
|
150
122
|
.e-hscroll .e-hscroll-content {
|
|
151
123
|
display: inline-block;
|
|
152
124
|
height: inherit;
|
|
@@ -154,21 +126,17 @@
|
|
|
154
126
|
-ms-touch-action: none;
|
|
155
127
|
touch-action: none;
|
|
156
128
|
}
|
|
157
|
-
|
|
158
129
|
.e-hscroll .e-hscroll-content > * {
|
|
159
130
|
pointer-events: auto;
|
|
160
131
|
}
|
|
161
|
-
|
|
162
132
|
.e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
|
|
163
133
|
left: 0;
|
|
164
134
|
right: auto;
|
|
165
135
|
}
|
|
166
|
-
|
|
167
136
|
.e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
|
|
168
137
|
left: auto;
|
|
169
138
|
right: 0;
|
|
170
139
|
}
|
|
171
|
-
|
|
172
140
|
.e-hscroll .e-scroll-nav {
|
|
173
141
|
-ms-flex-align: center;
|
|
174
142
|
align-items: center;
|
|
@@ -182,30 +150,24 @@
|
|
|
182
150
|
top: 0;
|
|
183
151
|
width: 40px;
|
|
184
152
|
}
|
|
185
|
-
|
|
186
153
|
.e-hscroll .e-scroll-nav.e-scroll-left-nav {
|
|
187
154
|
left: 0;
|
|
188
155
|
}
|
|
189
|
-
|
|
190
156
|
.e-hscroll .e-scroll-nav.e-scroll-right-nav {
|
|
191
157
|
right: 0;
|
|
192
158
|
}
|
|
193
|
-
|
|
194
159
|
.e-hscroll .e-scroll-nav.e-ie-align {
|
|
195
160
|
display: table;
|
|
196
161
|
}
|
|
197
|
-
|
|
198
162
|
.e-hscroll .e-nav-arrow {
|
|
199
163
|
position: relative;
|
|
200
164
|
}
|
|
201
|
-
|
|
202
165
|
.e-hscroll .e-nav-arrow.e-icons {
|
|
203
166
|
display: table-cell;
|
|
204
167
|
text-align: center;
|
|
205
168
|
vertical-align: middle;
|
|
206
169
|
width: 100%;
|
|
207
170
|
}
|
|
208
|
-
|
|
209
171
|
.e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
|
|
210
172
|
pointer-events: none;
|
|
211
173
|
}
|
|
@@ -214,91 +176,73 @@
|
|
|
214
176
|
.e-hscroll .e-scroll-nav .e-icons {
|
|
215
177
|
color: #f0f0f0;
|
|
216
178
|
}
|
|
217
|
-
|
|
218
179
|
.e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
|
|
219
180
|
border-color: #1a1a1a;
|
|
220
181
|
box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
|
|
221
182
|
}
|
|
222
|
-
|
|
223
183
|
.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
|
|
224
184
|
background-color: #131313;
|
|
225
185
|
border-color: #1a1a1a;
|
|
226
186
|
border-width: 0;
|
|
227
187
|
box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.6);
|
|
228
188
|
}
|
|
229
|
-
|
|
230
189
|
.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
|
|
231
190
|
color: #fff;
|
|
232
191
|
}
|
|
233
|
-
|
|
234
192
|
.e-hscroll .e-scroll-overlay {
|
|
235
193
|
background-color: transparent;
|
|
236
194
|
background-repeat: repeat-x;
|
|
237
195
|
}
|
|
238
|
-
|
|
239
196
|
.e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
|
|
240
197
|
background-image: linear-gradient(to right, rgba(19, 19, 19, 0.5) 0, rgba(19, 19, 19, 0.0001) 100%);
|
|
241
198
|
}
|
|
242
|
-
|
|
243
199
|
.e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
|
|
244
200
|
background-image: linear-gradient(to right, rgba(19, 19, 19, 0.0001) 0, rgba(19, 19, 19, 0.5) 100%);
|
|
245
201
|
}
|
|
246
|
-
|
|
247
202
|
.e-hscroll.e-rtl .e-scroll-nav {
|
|
248
203
|
background: #131313;
|
|
249
204
|
}
|
|
250
|
-
|
|
251
205
|
.e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
|
|
252
206
|
border-left: 1px solid #505050;
|
|
253
207
|
border-right: 0;
|
|
254
208
|
}
|
|
255
|
-
|
|
256
209
|
.e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
|
|
257
210
|
border-left: 0;
|
|
258
211
|
border-right: 1px solid #505050;
|
|
259
212
|
}
|
|
260
|
-
|
|
261
213
|
.e-hscroll.e-rtl .e-scroll-nav:hover {
|
|
262
214
|
background: #393939;
|
|
263
215
|
border: 0;
|
|
264
216
|
color: #fff;
|
|
265
217
|
}
|
|
266
|
-
|
|
267
218
|
.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
|
|
268
219
|
background: #393939;
|
|
269
220
|
border: 0;
|
|
270
221
|
color: #fff;
|
|
271
222
|
}
|
|
272
|
-
|
|
273
223
|
.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
|
|
274
224
|
background: #393939;
|
|
275
225
|
border: 0;
|
|
276
226
|
color: #fff;
|
|
277
227
|
}
|
|
278
|
-
|
|
279
228
|
.e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
|
|
280
229
|
background: #2a2a2a;
|
|
281
230
|
border: 0;
|
|
282
231
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
283
232
|
color: #fff;
|
|
284
233
|
}
|
|
285
|
-
|
|
286
234
|
.e-hscroll .e-scroll-nav {
|
|
287
235
|
background: #131313;
|
|
288
236
|
}
|
|
289
|
-
|
|
290
237
|
.e-hscroll .e-scroll-nav.e-scroll-left-nav {
|
|
291
238
|
border-right: 1px solid #505050;
|
|
292
239
|
}
|
|
293
|
-
|
|
294
240
|
.e-hscroll .e-scroll-nav.e-scroll-right-nav {
|
|
295
241
|
border-left: 1px solid #505050;
|
|
296
242
|
}
|
|
297
|
-
|
|
298
243
|
.e-hscroll .e-scroll-nav::after {
|
|
299
|
-
content:
|
|
244
|
+
content: "";
|
|
300
245
|
}
|
|
301
|
-
|
|
302
246
|
.e-hscroll .e-scroll-nav:active::after {
|
|
303
|
-
content:
|
|
304
|
-
}
|
|
247
|
+
content: "";
|
|
248
|
+
}
|
|
@@ -1,36 +1,29 @@
|
|
|
1
1
|
/*! component's theme wise override definitions and variables */
|
|
2
2
|
/*! hscroll icons */
|
|
3
3
|
.e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
|
|
4
|
-
content:
|
|
4
|
+
content: "\e904";
|
|
5
5
|
}
|
|
6
|
-
|
|
7
6
|
.e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
|
|
8
|
-
content:
|
|
7
|
+
content: "\e913";
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
.e-hscroll.e-rtl .e-nav-left-arrow::before {
|
|
12
|
-
content:
|
|
10
|
+
content: "\e848";
|
|
13
11
|
}
|
|
14
|
-
|
|
15
12
|
.e-hscroll.e-rtl .e-nav-right-arrow::before {
|
|
16
|
-
content:
|
|
13
|
+
content: "\e84b";
|
|
17
14
|
}
|
|
18
|
-
|
|
19
15
|
.e-hscroll.e-scroll-device .e-nav-right-arrow::before {
|
|
20
|
-
content:
|
|
16
|
+
content: "\e913";
|
|
21
17
|
}
|
|
22
|
-
|
|
23
18
|
.e-hscroll.e-scroll-device .e-nav-left-arrow::before {
|
|
24
|
-
content:
|
|
19
|
+
content: "\e904";
|
|
25
20
|
}
|
|
26
|
-
|
|
27
21
|
.e-hscroll .e-nav-left-arrow::before {
|
|
28
|
-
content:
|
|
22
|
+
content: "\e84b";
|
|
29
23
|
line-height: normal;
|
|
30
24
|
}
|
|
31
|
-
|
|
32
25
|
.e-hscroll .e-nav-right-arrow::before {
|
|
33
|
-
content:
|
|
26
|
+
content: "\e848";
|
|
34
27
|
line-height: normal;
|
|
35
28
|
}
|
|
36
29
|
|
|
@@ -39,38 +32,31 @@
|
|
|
39
32
|
.e-hscroll.e-bigger {
|
|
40
33
|
min-height: 50px;
|
|
41
34
|
}
|
|
42
|
-
|
|
43
35
|
.e-bigger .e-hscroll:not(.e-scroll-device),
|
|
44
36
|
.e-hscroll.e-bigger:not(.e-scroll-device) {
|
|
45
37
|
padding: 0 50px;
|
|
46
38
|
}
|
|
47
|
-
|
|
48
39
|
.e-bigger .e-hscroll.e-scroll-device,
|
|
49
40
|
.e-hscroll.e-bigger.e-scroll-device {
|
|
50
41
|
padding-right: 50px;
|
|
51
42
|
}
|
|
52
|
-
|
|
53
43
|
.e-bigger .e-hscroll.e-rtl.e-scroll-device,
|
|
54
44
|
.e-hscroll.e-bigger.e-rtl.e-scroll-device {
|
|
55
45
|
padding-left: 50px;
|
|
56
46
|
padding-right: initial;
|
|
57
47
|
}
|
|
58
|
-
|
|
59
48
|
.e-bigger .e-hscroll .e-nav-arrow.e-icons,
|
|
60
49
|
.e-hscroll.e-bigger .e-nav-arrow.e-icons {
|
|
61
50
|
font-size: 14px;
|
|
62
51
|
}
|
|
63
|
-
|
|
64
52
|
.e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
|
|
65
53
|
.e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
|
|
66
54
|
left: 50px;
|
|
67
55
|
}
|
|
68
|
-
|
|
69
56
|
.e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
|
|
70
57
|
.e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
|
|
71
58
|
right: 50px;
|
|
72
59
|
}
|
|
73
|
-
|
|
74
60
|
.e-bigger .e-hscroll .e-scroll-nav,
|
|
75
61
|
.e-hscroll.e-bigger .e-scroll-nav {
|
|
76
62
|
min-height: 50px;
|
|
@@ -82,45 +68,36 @@
|
|
|
82
68
|
position: relative;
|
|
83
69
|
width: inherit;
|
|
84
70
|
}
|
|
85
|
-
|
|
86
71
|
.e-hscroll.e-rtl.e-scroll-device {
|
|
87
72
|
padding-left: 50px;
|
|
88
73
|
padding-right: initial;
|
|
89
74
|
}
|
|
90
|
-
|
|
91
75
|
.e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
|
|
92
76
|
transform: skewX(-16deg) translateX(-6px);
|
|
93
77
|
}
|
|
94
|
-
|
|
95
78
|
.e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
|
|
96
79
|
left: 52px;
|
|
97
80
|
right: auto;
|
|
98
81
|
transform: skewX(-16deg) translateX(-6px);
|
|
99
82
|
}
|
|
100
|
-
|
|
101
83
|
.e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
|
|
102
84
|
left: auto;
|
|
103
85
|
right: 0;
|
|
104
86
|
}
|
|
105
|
-
|
|
106
87
|
.e-hscroll:not(.e-scroll-device) {
|
|
107
88
|
padding: 0 40px;
|
|
108
89
|
}
|
|
109
|
-
|
|
110
90
|
.e-hscroll.e-scroll-device {
|
|
111
91
|
padding-right: 50px;
|
|
112
92
|
}
|
|
113
|
-
|
|
114
93
|
.e-hscroll.e-scroll-device .e-scroll-nav {
|
|
115
94
|
transform: skewX(-16deg) translateX(6px);
|
|
116
95
|
width: 52px;
|
|
117
96
|
}
|
|
118
|
-
|
|
119
97
|
.e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
|
|
120
98
|
font-size: 14px;
|
|
121
99
|
transform: skewX(16deg);
|
|
122
100
|
}
|
|
123
|
-
|
|
124
101
|
.e-hscroll.e-scroll-device .e-scroll-overlay {
|
|
125
102
|
opacity: 0.5;
|
|
126
103
|
pointer-events: none;
|
|
@@ -128,26 +105,21 @@
|
|
|
128
105
|
top: 0;
|
|
129
106
|
z-index: 100;
|
|
130
107
|
}
|
|
131
|
-
|
|
132
108
|
.e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
|
|
133
109
|
left: auto;
|
|
134
110
|
right: 52px;
|
|
135
111
|
transform: skewX(-16deg) translateX(6px);
|
|
136
112
|
}
|
|
137
|
-
|
|
138
113
|
.e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
|
|
139
114
|
left: 0;
|
|
140
115
|
right: auto;
|
|
141
116
|
}
|
|
142
|
-
|
|
143
117
|
.e-hscroll.e-overlay .e-hscroll-content > * {
|
|
144
118
|
pointer-events: none;
|
|
145
119
|
}
|
|
146
|
-
|
|
147
120
|
.e-hscroll > * {
|
|
148
121
|
height: inherit;
|
|
149
122
|
}
|
|
150
|
-
|
|
151
123
|
.e-hscroll .e-hscroll-content {
|
|
152
124
|
display: inline-block;
|
|
153
125
|
height: inherit;
|
|
@@ -155,21 +127,17 @@
|
|
|
155
127
|
-ms-touch-action: none;
|
|
156
128
|
touch-action: none;
|
|
157
129
|
}
|
|
158
|
-
|
|
159
130
|
.e-hscroll .e-hscroll-content > * {
|
|
160
131
|
pointer-events: auto;
|
|
161
132
|
}
|
|
162
|
-
|
|
163
133
|
.e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
|
|
164
134
|
left: 0;
|
|
165
135
|
right: auto;
|
|
166
136
|
}
|
|
167
|
-
|
|
168
137
|
.e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
|
|
169
138
|
left: auto;
|
|
170
139
|
right: 0;
|
|
171
140
|
}
|
|
172
|
-
|
|
173
141
|
.e-hscroll .e-scroll-nav {
|
|
174
142
|
-ms-flex-align: center;
|
|
175
143
|
align-items: center;
|
|
@@ -183,30 +151,24 @@
|
|
|
183
151
|
top: 0;
|
|
184
152
|
width: 40px;
|
|
185
153
|
}
|
|
186
|
-
|
|
187
154
|
.e-hscroll .e-scroll-nav.e-scroll-left-nav {
|
|
188
155
|
left: 0;
|
|
189
156
|
}
|
|
190
|
-
|
|
191
157
|
.e-hscroll .e-scroll-nav.e-scroll-right-nav {
|
|
192
158
|
right: 0;
|
|
193
159
|
}
|
|
194
|
-
|
|
195
160
|
.e-hscroll .e-scroll-nav.e-ie-align {
|
|
196
161
|
display: table;
|
|
197
162
|
}
|
|
198
|
-
|
|
199
163
|
.e-hscroll .e-nav-arrow {
|
|
200
164
|
position: relative;
|
|
201
165
|
}
|
|
202
|
-
|
|
203
166
|
.e-hscroll .e-nav-arrow.e-icons {
|
|
204
167
|
display: table-cell;
|
|
205
168
|
text-align: center;
|
|
206
169
|
vertical-align: middle;
|
|
207
170
|
width: 100%;
|
|
208
171
|
}
|
|
209
|
-
|
|
210
172
|
.e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
|
|
211
173
|
pointer-events: none;
|
|
212
174
|
}
|
|
@@ -215,91 +177,73 @@
|
|
|
215
177
|
.e-hscroll .e-scroll-nav .e-icons {
|
|
216
178
|
color: #333;
|
|
217
179
|
}
|
|
218
|
-
|
|
219
180
|
.e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
|
|
220
181
|
border-color: #ccc;
|
|
221
182
|
box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
|
|
222
183
|
}
|
|
223
|
-
|
|
224
184
|
.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
|
|
225
185
|
background-color: #f8f8f8;
|
|
226
186
|
border-color: #ccc;
|
|
227
187
|
border-width: 1px;
|
|
228
188
|
box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
|
|
229
189
|
}
|
|
230
|
-
|
|
231
190
|
.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
|
|
232
191
|
color: #317ab9;
|
|
233
192
|
}
|
|
234
|
-
|
|
235
193
|
.e-hscroll .e-scroll-overlay {
|
|
236
194
|
background-color: transparent;
|
|
237
195
|
background-repeat: repeat-x;
|
|
238
196
|
}
|
|
239
|
-
|
|
240
197
|
.e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
|
|
241
198
|
background-image: linear-gradient(-270deg, white 0%, rgba(255, 255, 255, 0) 100%);
|
|
242
199
|
}
|
|
243
|
-
|
|
244
200
|
.e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
|
|
245
201
|
background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, white 100%);
|
|
246
202
|
}
|
|
247
|
-
|
|
248
203
|
.e-hscroll.e-rtl .e-scroll-nav {
|
|
249
204
|
background: #f8f8f8;
|
|
250
205
|
}
|
|
251
|
-
|
|
252
206
|
.e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
|
|
253
207
|
border-left: 1px solid #ccc;
|
|
254
208
|
border-right: 0;
|
|
255
209
|
}
|
|
256
|
-
|
|
257
210
|
.e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
|
|
258
211
|
border-left: 0;
|
|
259
212
|
border-right: 1px solid #ccc;
|
|
260
213
|
}
|
|
261
|
-
|
|
262
214
|
.e-hscroll.e-rtl .e-scroll-nav:hover {
|
|
263
215
|
background: #e6e6e6;
|
|
264
216
|
border: 0;
|
|
265
217
|
color: #333;
|
|
266
218
|
}
|
|
267
|
-
|
|
268
219
|
.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
|
|
269
220
|
background: #e6e6e6;
|
|
270
221
|
border: 0;
|
|
271
222
|
color: #333;
|
|
272
223
|
}
|
|
273
|
-
|
|
274
224
|
.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
|
|
275
225
|
background: #e6e6e6;
|
|
276
226
|
border: 0;
|
|
277
227
|
color: #333;
|
|
278
228
|
}
|
|
279
|
-
|
|
280
229
|
.e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
|
|
281
230
|
background: #e6e6e6;
|
|
282
231
|
border: 0;
|
|
283
232
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
284
233
|
color: #333;
|
|
285
234
|
}
|
|
286
|
-
|
|
287
235
|
.e-hscroll .e-scroll-nav {
|
|
288
236
|
background: #f8f8f8;
|
|
289
237
|
}
|
|
290
|
-
|
|
291
238
|
.e-hscroll .e-scroll-nav.e-scroll-left-nav {
|
|
292
239
|
border-right: 1px solid #ccc;
|
|
293
240
|
}
|
|
294
|
-
|
|
295
241
|
.e-hscroll .e-scroll-nav.e-scroll-right-nav {
|
|
296
242
|
border-left: 1px solid #ccc;
|
|
297
243
|
}
|
|
298
|
-
|
|
299
244
|
.e-hscroll .e-scroll-nav::after {
|
|
300
|
-
content:
|
|
245
|
+
content: "";
|
|
301
246
|
}
|
|
302
|
-
|
|
303
247
|
.e-hscroll .e-scroll-nav:active::after {
|
|
304
|
-
content:
|
|
305
|
-
}
|
|
248
|
+
content: "";
|
|
249
|
+
}
|