@syncfusion/ej2-angular-splitbuttons 24.1.41 → 24.1.44

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.
Files changed (263) hide show
  1. package/README.md +1 -1
  2. package/package.json +8 -8
  3. package/schematics/utils/lib-details.d.ts +2 -2
  4. package/schematics/utils/lib-details.js +2 -2
  5. package/schematics/utils/lib-details.ts +2 -2
  6. package/styles/bootstrap-dark.css +1 -1761
  7. package/styles/bootstrap.css +1 -1811
  8. package/styles/bootstrap4.css +1 -1836
  9. package/styles/bootstrap5-dark.css +1 -1851
  10. package/styles/bootstrap5.css +1 -1851
  11. package/styles/button-group/bootstrap-dark.css +1 -752
  12. package/styles/button-group/bootstrap-dark.scss +1 -4
  13. package/styles/button-group/bootstrap.css +1 -726
  14. package/styles/button-group/bootstrap.scss +1 -4
  15. package/styles/button-group/bootstrap4.css +1 -756
  16. package/styles/button-group/bootstrap4.scss +1 -4
  17. package/styles/button-group/bootstrap5-dark.css +1 -751
  18. package/styles/button-group/bootstrap5-dark.scss +1 -4
  19. package/styles/button-group/bootstrap5.css +1 -751
  20. package/styles/button-group/bootstrap5.scss +1 -4
  21. package/styles/button-group/fabric-dark.css +1 -752
  22. package/styles/button-group/fabric-dark.scss +1 -4
  23. package/styles/button-group/fabric.css +1 -758
  24. package/styles/button-group/fabric.scss +1 -4
  25. package/styles/button-group/fluent-dark.css +1 -755
  26. package/styles/button-group/fluent-dark.scss +1 -4
  27. package/styles/button-group/fluent.css +1 -755
  28. package/styles/button-group/fluent.scss +1 -4
  29. package/styles/button-group/highcontrast-light.css +1 -752
  30. package/styles/button-group/highcontrast-light.scss +1 -4
  31. package/styles/button-group/highcontrast.css +1 -803
  32. package/styles/button-group/highcontrast.scss +1 -4
  33. package/styles/button-group/material-dark.css +1 -752
  34. package/styles/button-group/material-dark.scss +1 -4
  35. package/styles/button-group/material.css +1 -756
  36. package/styles/button-group/material.scss +1 -4
  37. package/styles/button-group/material3-dark.css +1 -901
  38. package/styles/button-group/material3-dark.scss +1 -4
  39. package/styles/button-group/material3.css +1 -957
  40. package/styles/button-group/material3.scss +1 -4
  41. package/styles/button-group/tailwind-dark.css +1 -739
  42. package/styles/button-group/tailwind-dark.scss +1 -4
  43. package/styles/button-group/tailwind.css +1 -739
  44. package/styles/button-group/tailwind.scss +1 -4
  45. package/styles/drop-down-button/bootstrap-dark.css +1 -231
  46. package/styles/drop-down-button/bootstrap-dark.scss +1 -6
  47. package/styles/drop-down-button/bootstrap.css +1 -231
  48. package/styles/drop-down-button/bootstrap.scss +1 -6
  49. package/styles/drop-down-button/bootstrap4.css +1 -226
  50. package/styles/drop-down-button/bootstrap4.scss +1 -6
  51. package/styles/drop-down-button/bootstrap5-dark.css +1 -236
  52. package/styles/drop-down-button/bootstrap5-dark.scss +1 -6
  53. package/styles/drop-down-button/bootstrap5.css +1 -236
  54. package/styles/drop-down-button/bootstrap5.scss +1 -6
  55. package/styles/drop-down-button/fabric-dark.css +1 -231
  56. package/styles/drop-down-button/fabric-dark.scss +1 -6
  57. package/styles/drop-down-button/fabric.css +1 -231
  58. package/styles/drop-down-button/fabric.scss +1 -6
  59. package/styles/drop-down-button/fluent-dark.css +1 -233
  60. package/styles/drop-down-button/fluent-dark.scss +1 -6
  61. package/styles/drop-down-button/fluent.css +1 -233
  62. package/styles/drop-down-button/fluent.scss +1 -6
  63. package/styles/drop-down-button/highcontrast-light.css +1 -231
  64. package/styles/drop-down-button/highcontrast-light.scss +1 -6
  65. package/styles/drop-down-button/highcontrast.css +1 -232
  66. package/styles/drop-down-button/highcontrast.scss +1 -6
  67. package/styles/drop-down-button/material-dark.css +1 -231
  68. package/styles/drop-down-button/material-dark.scss +1 -6
  69. package/styles/drop-down-button/material.css +1 -231
  70. package/styles/drop-down-button/material.scss +1 -6
  71. package/styles/drop-down-button/material3-dark.css +1 -292
  72. package/styles/drop-down-button/material3-dark.scss +1 -6
  73. package/styles/drop-down-button/material3.css +1 -348
  74. package/styles/drop-down-button/material3.scss +1 -6
  75. package/styles/drop-down-button/tailwind-dark.css +1 -241
  76. package/styles/drop-down-button/tailwind-dark.scss +1 -6
  77. package/styles/drop-down-button/tailwind.css +1 -241
  78. package/styles/drop-down-button/tailwind.scss +1 -6
  79. package/styles/fabric-dark.css +1 -1761
  80. package/styles/fabric.css +1 -1841
  81. package/styles/fluent-dark.css +1 -1852
  82. package/styles/fluent.css +1 -1852
  83. package/styles/highcontrast-light.css +1 -1761
  84. package/styles/highcontrast.css +1 -1813
  85. package/styles/material-dark.css +1 -1761
  86. package/styles/material.css +1 -1839
  87. package/styles/material3-dark.css +1 -1999
  88. package/styles/material3-dark.scss +0 -1
  89. package/styles/material3.css +1 -2049
  90. package/styles/material3.scss +0 -1
  91. package/styles/progress-button/bootstrap-dark.css +1 -445
  92. package/styles/progress-button/bootstrap-dark.scss +1 -5
  93. package/styles/progress-button/bootstrap.css +1 -522
  94. package/styles/progress-button/bootstrap.scss +1 -5
  95. package/styles/progress-button/bootstrap4.css +1 -525
  96. package/styles/progress-button/bootstrap4.scss +1 -5
  97. package/styles/progress-button/bootstrap5-dark.css +1 -538
  98. package/styles/progress-button/bootstrap5-dark.scss +1 -5
  99. package/styles/progress-button/bootstrap5.css +1 -538
  100. package/styles/progress-button/bootstrap5.scss +1 -5
  101. package/styles/progress-button/fabric-dark.css +1 -445
  102. package/styles/progress-button/fabric-dark.scss +1 -5
  103. package/styles/progress-button/fabric.css +1 -522
  104. package/styles/progress-button/fabric.scss +1 -5
  105. package/styles/progress-button/fluent-dark.css +1 -538
  106. package/styles/progress-button/fluent-dark.scss +1 -5
  107. package/styles/progress-button/fluent.css +1 -538
  108. package/styles/progress-button/fluent.scss +1 -5
  109. package/styles/progress-button/highcontrast-light.css +1 -445
  110. package/styles/progress-button/highcontrast-light.scss +1 -5
  111. package/styles/progress-button/highcontrast.css +1 -445
  112. package/styles/progress-button/highcontrast.scss +1 -5
  113. package/styles/progress-button/material-dark.css +1 -445
  114. package/styles/progress-button/material-dark.scss +1 -5
  115. package/styles/progress-button/material.css +1 -522
  116. package/styles/progress-button/material.scss +1 -5
  117. package/styles/progress-button/material3-dark.css +1 -556
  118. package/styles/progress-button/material3-dark.scss +1 -5
  119. package/styles/progress-button/material3.css +1 -612
  120. package/styles/progress-button/material3.scss +1 -5
  121. package/styles/progress-button/tailwind-dark.css +1 -542
  122. package/styles/progress-button/tailwind-dark.scss +1 -5
  123. package/styles/progress-button/tailwind.css +1 -542
  124. package/styles/progress-button/tailwind.scss +1 -5
  125. package/styles/split-button/bootstrap-dark.css +1 -330
  126. package/styles/split-button/bootstrap-dark.scss +1 -6
  127. package/styles/split-button/bootstrap.css +1 -330
  128. package/styles/split-button/bootstrap.scss +1 -6
  129. package/styles/split-button/bootstrap4.css +1 -326
  130. package/styles/split-button/bootstrap4.scss +1 -6
  131. package/styles/split-button/bootstrap5-dark.css +1 -323
  132. package/styles/split-button/bootstrap5-dark.scss +1 -6
  133. package/styles/split-button/bootstrap5.css +1 -323
  134. package/styles/split-button/bootstrap5.scss +1 -6
  135. package/styles/split-button/fabric-dark.css +1 -330
  136. package/styles/split-button/fabric-dark.scss +1 -6
  137. package/styles/split-button/fabric.css +1 -327
  138. package/styles/split-button/fabric.scss +1 -6
  139. package/styles/split-button/fluent-dark.css +1 -323
  140. package/styles/split-button/fluent-dark.scss +1 -6
  141. package/styles/split-button/fluent.css +1 -323
  142. package/styles/split-button/fluent.scss +1 -6
  143. package/styles/split-button/highcontrast-light.css +1 -330
  144. package/styles/split-button/highcontrast-light.scss +1 -6
  145. package/styles/split-button/highcontrast.css +1 -330
  146. package/styles/split-button/highcontrast.scss +1 -6
  147. package/styles/split-button/material-dark.css +1 -330
  148. package/styles/split-button/material-dark.scss +1 -6
  149. package/styles/split-button/material.css +1 -327
  150. package/styles/split-button/material.scss +1 -6
  151. package/styles/split-button/material3-dark.css +1 -412
  152. package/styles/split-button/material3-dark.scss +1 -6
  153. package/styles/split-button/material3.css +1 -462
  154. package/styles/split-button/material3.scss +1 -6
  155. package/styles/split-button/tailwind-dark.css +1 -344
  156. package/styles/split-button/tailwind-dark.scss +1 -6
  157. package/styles/split-button/tailwind.css +1 -344
  158. package/styles/split-button/tailwind.scss +1 -6
  159. package/styles/tailwind-dark.css +1 -1868
  160. package/styles/tailwind.css +1 -1868
  161. package/styles/button-group/_all.scss +0 -2
  162. package/styles/button-group/_bootstrap-dark-definition.scss +0 -33
  163. package/styles/button-group/_bootstrap-definition.scss +0 -30
  164. package/styles/button-group/_bootstrap4-definition.scss +0 -30
  165. package/styles/button-group/_bootstrap5-dark-definition.scss +0 -1
  166. package/styles/button-group/_bootstrap5-definition.scss +0 -31
  167. package/styles/button-group/_fabric-dark-definition.scss +0 -33
  168. package/styles/button-group/_fabric-definition.scss +0 -30
  169. package/styles/button-group/_fluent-dark-definition.scss +0 -1
  170. package/styles/button-group/_fluent-definition.scss +0 -31
  171. package/styles/button-group/_fusionnew-definition.scss +0 -31
  172. package/styles/button-group/_group-button-mixin.scss +0 -72
  173. package/styles/button-group/_highcontrast-definition.scss +0 -32
  174. package/styles/button-group/_highcontrast-light-definition.scss +0 -35
  175. package/styles/button-group/_layout.scss +0 -294
  176. package/styles/button-group/_material-dark-definition.scss +0 -33
  177. package/styles/button-group/_material-definition.scss +0 -30
  178. package/styles/button-group/_material3-dark-definition.scss +0 -1
  179. package/styles/button-group/_material3-definition.scss +0 -31
  180. package/styles/button-group/_tailwind-dark-definition.scss +0 -1
  181. package/styles/button-group/_tailwind-definition.scss +0 -31
  182. package/styles/button-group/_theme.scss +0 -454
  183. package/styles/drop-down-button/_all.scss +0 -2
  184. package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -51
  185. package/styles/drop-down-button/_bootstrap-definition.scss +0 -48
  186. package/styles/drop-down-button/_bootstrap4-definition.scss +0 -48
  187. package/styles/drop-down-button/_bootstrap5-dark-definition.scss +0 -1
  188. package/styles/drop-down-button/_bootstrap5-definition.scss +0 -50
  189. package/styles/drop-down-button/_fabric-dark-definition.scss +0 -51
  190. package/styles/drop-down-button/_fabric-definition.scss +0 -48
  191. package/styles/drop-down-button/_fluent-dark-definition.scss +0 -1
  192. package/styles/drop-down-button/_fluent-definition.scss +0 -52
  193. package/styles/drop-down-button/_fusionnew-definition.scss +0 -50
  194. package/styles/drop-down-button/_highcontrast-definition.scss +0 -47
  195. package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -50
  196. package/styles/drop-down-button/_layout.scss +0 -238
  197. package/styles/drop-down-button/_material-dark-definition.scss +0 -51
  198. package/styles/drop-down-button/_material-definition.scss +0 -48
  199. package/styles/drop-down-button/_material3-dark-definition.scss +0 -1
  200. package/styles/drop-down-button/_material3-definition.scss +0 -51
  201. package/styles/drop-down-button/_tailwind-dark-definition.scss +0 -1
  202. package/styles/drop-down-button/_tailwind-definition.scss +0 -49
  203. package/styles/drop-down-button/_theme.scss +0 -83
  204. package/styles/drop-down-button/icons/_bootstrap-dark.scss +0 -10
  205. package/styles/drop-down-button/icons/_bootstrap.scss +0 -10
  206. package/styles/drop-down-button/icons/_bootstrap4.scss +0 -10
  207. package/styles/drop-down-button/icons/_bootstrap5-dark.scss +0 -1
  208. package/styles/drop-down-button/icons/_bootstrap5.scss +0 -10
  209. package/styles/drop-down-button/icons/_fabric-dark.scss +0 -10
  210. package/styles/drop-down-button/icons/_fabric.scss +0 -10
  211. package/styles/drop-down-button/icons/_fluent-dark.scss +0 -1
  212. package/styles/drop-down-button/icons/_fluent.scss +0 -10
  213. package/styles/drop-down-button/icons/_fusionnew.scss +0 -10
  214. package/styles/drop-down-button/icons/_highcontrast-light.scss +0 -10
  215. package/styles/drop-down-button/icons/_highcontrast.scss +0 -10
  216. package/styles/drop-down-button/icons/_material-dark.scss +0 -10
  217. package/styles/drop-down-button/icons/_material.scss +0 -10
  218. package/styles/drop-down-button/icons/_material3-dark.scss +0 -1
  219. package/styles/drop-down-button/icons/_material3.scss +0 -10
  220. package/styles/drop-down-button/icons/_tailwind-dark.scss +0 -10
  221. package/styles/drop-down-button/icons/_tailwind.scss +0 -10
  222. package/styles/progress-button/_all.scss +0 -2
  223. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -27
  224. package/styles/progress-button/_bootstrap-definition.scss +0 -24
  225. package/styles/progress-button/_bootstrap4-definition.scss +0 -24
  226. package/styles/progress-button/_bootstrap5-dark-definition.scss +0 -1
  227. package/styles/progress-button/_bootstrap5-definition.scss +0 -21
  228. package/styles/progress-button/_fabric-dark-definition.scss +0 -27
  229. package/styles/progress-button/_fabric-definition.scss +0 -24
  230. package/styles/progress-button/_fluent-dark-definition.scss +0 -1
  231. package/styles/progress-button/_fluent-definition.scss +0 -21
  232. package/styles/progress-button/_fusionnew-definition.scss +0 -21
  233. package/styles/progress-button/_highcontrast-definition.scss +0 -24
  234. package/styles/progress-button/_highcontrast-light-definition.scss +0 -24
  235. package/styles/progress-button/_layout.scss +0 -396
  236. package/styles/progress-button/_material-dark-definition.scss +0 -27
  237. package/styles/progress-button/_material-definition.scss +0 -24
  238. package/styles/progress-button/_material3-dark-definition.scss +0 -1
  239. package/styles/progress-button/_material3-definition.scss +0 -25
  240. package/styles/progress-button/_tailwind-dark-definition.scss +0 -1
  241. package/styles/progress-button/_tailwind-definition.scss +0 -21
  242. package/styles/progress-button/_theme.scss +0 -638
  243. package/styles/split-button/_all.scss +0 -2
  244. package/styles/split-button/_bootstrap-dark-definition.scss +0 -26
  245. package/styles/split-button/_bootstrap-definition.scss +0 -23
  246. package/styles/split-button/_bootstrap4-definition.scss +0 -26
  247. package/styles/split-button/_bootstrap5-dark-definition.scss +0 -1
  248. package/styles/split-button/_bootstrap5-definition.scss +0 -24
  249. package/styles/split-button/_fabric-dark-definition.scss +0 -26
  250. package/styles/split-button/_fabric-definition.scss +0 -23
  251. package/styles/split-button/_fluent-dark-definition.scss +0 -1
  252. package/styles/split-button/_fluent-definition.scss +0 -24
  253. package/styles/split-button/_fusionnew-definition.scss +0 -24
  254. package/styles/split-button/_highcontrast-definition.scss +0 -23
  255. package/styles/split-button/_highcontrast-light-definition.scss +0 -26
  256. package/styles/split-button/_layout.scss +0 -484
  257. package/styles/split-button/_material-dark-definition.scss +0 -26
  258. package/styles/split-button/_material-definition.scss +0 -23
  259. package/styles/split-button/_material3-dark-definition.scss +0 -1
  260. package/styles/split-button/_material3-definition.scss +0 -26
  261. package/styles/split-button/_tailwind-dark-definition.scss +0 -1
  262. package/styles/split-button/_tailwind-definition.scss +0 -24
  263. package/styles/split-button/_theme.scss +0 -187
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/definition/tailwind.scss';
2
- @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
- @import 'tailwind-definition.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-splitbuttons/styles/button-group/tailwind.scss';
@@ -1,231 +1 @@
1
- .e-dropdown-btn .e-caret::before,
2
- .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e969";
4
- }
5
-
6
- /*! drop-down button layout */
7
- .e-dropdown-btn,
8
- .e-dropdown-btn.e-btn {
9
- box-shadow: none;
10
- text-transform: none;
11
- white-space: normal;
12
- }
13
- .e-dropdown-btn:hover,
14
- .e-dropdown-btn.e-btn:hover {
15
- box-shadow: none;
16
- }
17
- .e-dropdown-btn:focus,
18
- .e-dropdown-btn.e-btn:focus {
19
- box-shadow: none;
20
- }
21
- .e-dropdown-btn:active,
22
- .e-dropdown-btn.e-btn:active {
23
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
24
- }
25
- .e-dropdown-btn .e-btn-icon,
26
- .e-dropdown-btn.e-btn .e-btn-icon {
27
- font-size: 14px;
28
- }
29
- .e-dropdown-btn .e-caret,
30
- .e-dropdown-btn.e-btn .e-caret {
31
- font-size: 8px;
32
- }
33
- .e-dropdown-btn.e-vertical,
34
- .e-dropdown-btn.e-btn.e-vertical {
35
- line-height: 1;
36
- padding: 6px 12px;
37
- }
38
- .e-dropdown-btn.e-caret-hide .e-caret,
39
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
40
- display: none;
41
- }
42
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
43
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
44
- padding: 5px 0;
45
- }
46
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
47
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
48
- padding: 0 14px;
49
- }
50
- .e-dropdown-btn.e-small.e-vertical,
51
- .e-dropdown-btn.e-btn.e-small.e-vertical {
52
- line-height: 1;
53
- padding: 6px 12px;
54
- }
55
-
56
- .e-bigger .e-dropdown-btn .e-btn-icon,
57
- .e-bigger.e-dropdown-btn .e-btn-icon {
58
- font-size: 16px;
59
- }
60
- .e-bigger .e-dropdown-btn .e-caret,
61
- .e-bigger.e-dropdown-btn .e-caret {
62
- font-size: 10px;
63
- }
64
- .e-bigger .e-dropdown-btn.e-vertical,
65
- .e-bigger.e-dropdown-btn.e-vertical {
66
- line-height: 1;
67
- padding: 8px 16px;
68
- }
69
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
70
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
71
- line-height: 1;
72
- padding: 8px 16px;
73
- }
74
-
75
- .e-dropdown-popup {
76
- position: absolute;
77
- }
78
- .e-dropdown-popup ul {
79
- border: 1px solid #414141;
80
- border-radius: 4px;
81
- box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
82
- box-sizing: border-box;
83
- font-size: 14px;
84
- font-weight: normal;
85
- list-style-image: none;
86
- list-style-position: outside;
87
- list-style-type: none;
88
- margin: 0;
89
- min-width: 120px;
90
- overflow: hidden;
91
- padding: 3px 0;
92
- -webkit-user-select: none;
93
- -ms-user-select: none;
94
- user-select: none;
95
- white-space: nowrap;
96
- }
97
- .e-dropdown-popup ul .e-item {
98
- cursor: pointer;
99
- display: -ms-flexbox;
100
- display: flex;
101
- height: 26px;
102
- line-height: 26px;
103
- padding: 0 14px;
104
- }
105
- .e-dropdown-popup ul .e-item.e-url {
106
- padding: 0;
107
- }
108
- .e-dropdown-popup ul .e-item .e-menu-url {
109
- display: block;
110
- padding: 0 14px;
111
- text-decoration: none;
112
- width: 100%;
113
- }
114
- .e-dropdown-popup ul .e-item .e-menu-icon {
115
- float: left;
116
- font-size: 16px;
117
- line-height: 26px;
118
- margin-right: 12px;
119
- vertical-align: middle;
120
- width: 1em;
121
- }
122
- .e-dropdown-popup ul .e-item.e-disabled {
123
- cursor: auto;
124
- pointer-events: none;
125
- }
126
- .e-dropdown-popup ul .e-item.e-separator {
127
- border-bottom-style: solid;
128
- border-bottom-width: 1px;
129
- cursor: auto;
130
- height: auto;
131
- line-height: normal;
132
- margin: 3px 0;
133
- pointer-events: none;
134
- }
135
- .e-dropdown-popup.e-transparent {
136
- background: transparent;
137
- box-shadow: none;
138
- }
139
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
140
- border: 0;
141
- height: 1px;
142
- min-width: 0;
143
- padding: 0;
144
- width: 1px;
145
- }
146
-
147
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
148
- float: right;
149
- margin-left: 12px;
150
- margin-right: 0;
151
- }
152
-
153
- *.e-bigger .e-dropdown-popup ul,
154
- *.e-bigger.e-dropdown-popup ul {
155
- box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
156
- font-size: 15px;
157
- max-width: 280px;
158
- min-width: 112px;
159
- padding: 5px 0;
160
- }
161
- *.e-bigger .e-dropdown-popup ul .e-item,
162
- *.e-bigger.e-dropdown-popup ul .e-item {
163
- height: 40px;
164
- line-height: 40px;
165
- padding: 0 14px;
166
- }
167
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
168
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
169
- padding: 0;
170
- }
171
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
172
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
173
- font-size: 16px;
174
- line-height: 40px;
175
- }
176
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
177
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
178
- height: auto;
179
- line-height: normal;
180
- }
181
-
182
- /*! drop-down button theme */
183
- .e-dropdown-popup {
184
- background-color: #2a2a2a;
185
- color: #f0f0f0;
186
- }
187
- .e-dropdown-popup ul .e-item .e-menu-url {
188
- color: #f0f0f0;
189
- }
190
- .e-dropdown-popup ul .e-item .e-menu-icon {
191
- color: #f0f0f0;
192
- }
193
- .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: transparent;
195
- box-shadow: inset 0 0 0 1px #585858;
196
- }
197
- .e-dropdown-popup ul .e-item:hover {
198
- background-color: #414141;
199
- color: #fff;
200
- }
201
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #0070f0;
203
- color: #fff;
204
- }
205
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
206
- color: #fff;
207
- }
208
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
209
- color: #fff;
210
- }
211
- .e-dropdown-popup ul .e-separator {
212
- border-bottom-color: #414141;
213
- }
214
-
215
- .e-dropdown-btn.e-inherit,
216
- .e-dropdown-btn.e-btn.e-inherit {
217
- background: inherit;
218
- border-color: transparent;
219
- box-shadow: none;
220
- color: inherit;
221
- }
222
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
223
- .e-dropdown-btn.e-btn.e-inherit:hover,
224
- .e-dropdown-btn.e-btn.e-inherit:focus,
225
- .e-dropdown-btn.e-btn.e-inherit:active,
226
- .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
228
- border-color: transparent;
229
- box-shadow: none;
230
- color: inherit;
231
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/bootstrap-dark.css';
@@ -1,6 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
3
- @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
4
- @import 'bootstrap-dark-definition.scss';
5
- @import 'icons/bootstrap-dark.scss';
6
- @import 'all.scss';
1
+ @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark.scss';
@@ -1,231 +1 @@
1
- .e-dropdown-btn .e-caret::before,
2
- .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e969";
4
- }
5
-
6
- /*! drop-down button layout */
7
- .e-dropdown-btn,
8
- .e-dropdown-btn.e-btn {
9
- box-shadow: none;
10
- text-transform: none;
11
- white-space: normal;
12
- }
13
- .e-dropdown-btn:hover,
14
- .e-dropdown-btn.e-btn:hover {
15
- box-shadow: none;
16
- }
17
- .e-dropdown-btn:focus,
18
- .e-dropdown-btn.e-btn:focus {
19
- box-shadow: none;
20
- }
21
- .e-dropdown-btn:active,
22
- .e-dropdown-btn.e-btn:active {
23
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
24
- }
25
- .e-dropdown-btn .e-btn-icon,
26
- .e-dropdown-btn.e-btn .e-btn-icon {
27
- font-size: 14px;
28
- }
29
- .e-dropdown-btn .e-caret,
30
- .e-dropdown-btn.e-btn .e-caret {
31
- font-size: 8px;
32
- }
33
- .e-dropdown-btn.e-vertical,
34
- .e-dropdown-btn.e-btn.e-vertical {
35
- line-height: 1;
36
- padding: 6px 12px;
37
- }
38
- .e-dropdown-btn.e-caret-hide .e-caret,
39
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
40
- display: none;
41
- }
42
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
43
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
44
- padding: 5px 0;
45
- }
46
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
47
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
48
- padding: 0 14px;
49
- }
50
- .e-dropdown-btn.e-small.e-vertical,
51
- .e-dropdown-btn.e-btn.e-small.e-vertical {
52
- line-height: 1;
53
- padding: 6px 12px;
54
- }
55
-
56
- .e-bigger .e-dropdown-btn .e-btn-icon,
57
- .e-bigger.e-dropdown-btn .e-btn-icon {
58
- font-size: 16px;
59
- }
60
- .e-bigger .e-dropdown-btn .e-caret,
61
- .e-bigger.e-dropdown-btn .e-caret {
62
- font-size: 10px;
63
- }
64
- .e-bigger .e-dropdown-btn.e-vertical,
65
- .e-bigger.e-dropdown-btn.e-vertical {
66
- line-height: 1;
67
- padding: 8px 16px;
68
- }
69
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
70
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
71
- line-height: 1;
72
- padding: 8px 16px;
73
- }
74
-
75
- .e-dropdown-popup {
76
- position: absolute;
77
- }
78
- .e-dropdown-popup ul {
79
- border: 1px solid #ccc;
80
- border-radius: 4px;
81
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
82
- box-sizing: border-box;
83
- font-size: 14px;
84
- font-weight: normal;
85
- list-style-image: none;
86
- list-style-position: outside;
87
- list-style-type: none;
88
- margin: 0;
89
- min-width: 120px;
90
- overflow: hidden;
91
- padding: 3px 0;
92
- -webkit-user-select: none;
93
- -ms-user-select: none;
94
- user-select: none;
95
- white-space: nowrap;
96
- }
97
- .e-dropdown-popup ul .e-item {
98
- cursor: pointer;
99
- display: -ms-flexbox;
100
- display: flex;
101
- height: 26px;
102
- line-height: 26px;
103
- padding: 0 14px;
104
- }
105
- .e-dropdown-popup ul .e-item.e-url {
106
- padding: 0;
107
- }
108
- .e-dropdown-popup ul .e-item .e-menu-url {
109
- display: block;
110
- padding: 0 14px;
111
- text-decoration: none;
112
- width: 100%;
113
- }
114
- .e-dropdown-popup ul .e-item .e-menu-icon {
115
- float: left;
116
- font-size: 16px;
117
- line-height: 26px;
118
- margin-right: 12px;
119
- vertical-align: middle;
120
- width: 1em;
121
- }
122
- .e-dropdown-popup ul .e-item.e-disabled {
123
- cursor: auto;
124
- pointer-events: none;
125
- }
126
- .e-dropdown-popup ul .e-item.e-separator {
127
- border-bottom-style: solid;
128
- border-bottom-width: 1px;
129
- cursor: auto;
130
- height: auto;
131
- line-height: normal;
132
- margin: 3px 0;
133
- pointer-events: none;
134
- }
135
- .e-dropdown-popup.e-transparent {
136
- background: transparent;
137
- box-shadow: none;
138
- }
139
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
140
- border: 0;
141
- height: 1px;
142
- min-width: 0;
143
- padding: 0;
144
- width: 1px;
145
- }
146
-
147
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
148
- float: right;
149
- margin-left: 12px;
150
- margin-right: 0;
151
- }
152
-
153
- *.e-bigger .e-dropdown-popup ul,
154
- *.e-bigger.e-dropdown-popup ul {
155
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
156
- font-size: 15px;
157
- max-width: 280px;
158
- min-width: 112px;
159
- padding: 5px 0;
160
- }
161
- *.e-bigger .e-dropdown-popup ul .e-item,
162
- *.e-bigger.e-dropdown-popup ul .e-item {
163
- height: 40px;
164
- line-height: 40px;
165
- padding: 0 14px;
166
- }
167
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
168
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
169
- padding: 0;
170
- }
171
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
172
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
173
- font-size: 16px;
174
- line-height: 40px;
175
- }
176
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
177
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
178
- height: auto;
179
- line-height: normal;
180
- }
181
-
182
- /*! drop-down button theme */
183
- .e-dropdown-popup {
184
- background-color: #fff;
185
- color: #333;
186
- }
187
- .e-dropdown-popup ul .e-item .e-menu-url {
188
- color: #333;
189
- }
190
- .e-dropdown-popup ul .e-item .e-menu-icon {
191
- color: #333;
192
- }
193
- .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: transparent;
195
- box-shadow: 0 0 0 1px #8c8c8c inset;
196
- }
197
- .e-dropdown-popup ul .e-item:hover {
198
- background-color: #e6e6e6;
199
- color: #333;
200
- }
201
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #e6e6e6;
203
- color: #333;
204
- }
205
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
206
- color: #333;
207
- }
208
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
209
- color: #333;
210
- }
211
- .e-dropdown-popup ul .e-separator {
212
- border-bottom-color: #e6e6e6;
213
- }
214
-
215
- .e-dropdown-btn.e-inherit,
216
- .e-dropdown-btn.e-btn.e-inherit {
217
- background: inherit;
218
- border-color: transparent;
219
- box-shadow: none;
220
- color: inherit;
221
- }
222
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
223
- .e-dropdown-btn.e-btn.e-inherit:hover,
224
- .e-dropdown-btn.e-btn.e-inherit:focus,
225
- .e-dropdown-btn.e-btn.e-inherit:active,
226
- .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
228
- border-color: transparent;
229
- box-shadow: none;
230
- color: inherit;
231
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/bootstrap.css';
@@ -1,6 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
3
- @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
4
- @import 'bootstrap-definition.scss';
5
- @import 'icons/bootstrap.scss';
6
- @import 'all.scss';
1
+ @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap.scss';
@@ -1,226 +1 @@
1
- .e-dropdown-btn .e-caret::before,
2
- .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e744";
4
- }
5
-
6
- /*! drop-down button layout */
7
- .e-dropdown-btn,
8
- .e-dropdown-btn.e-btn {
9
- text-transform: none;
10
- white-space: normal;
11
- }
12
- .e-dropdown-btn:focus,
13
- .e-dropdown-btn.e-btn:focus {
14
- box-shadow: none;
15
- }
16
- .e-dropdown-btn:active,
17
- .e-dropdown-btn.e-btn:active {
18
- box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
19
- }
20
- .e-dropdown-btn .e-btn-icon,
21
- .e-dropdown-btn.e-btn .e-btn-icon {
22
- font-size: 14px;
23
- }
24
- .e-dropdown-btn .e-caret,
25
- .e-dropdown-btn.e-btn .e-caret {
26
- font-size: 8px;
27
- }
28
- .e-dropdown-btn.e-vertical,
29
- .e-dropdown-btn.e-btn.e-vertical {
30
- line-height: 1;
31
- padding: 6px 12px;
32
- }
33
- .e-dropdown-btn.e-caret-hide .e-caret,
34
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
35
- display: none;
36
- }
37
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
38
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
39
- padding: 4px 0;
40
- }
41
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
42
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
43
- padding: 0 16px;
44
- }
45
- .e-dropdown-btn.e-small.e-vertical,
46
- .e-dropdown-btn.e-btn.e-small.e-vertical {
47
- line-height: 1;
48
- padding: 6px 12px;
49
- }
50
-
51
- .e-bigger .e-dropdown-btn .e-btn-icon,
52
- .e-bigger.e-dropdown-btn .e-btn-icon {
53
- font-size: 16px;
54
- }
55
- .e-bigger .e-dropdown-btn .e-caret,
56
- .e-bigger.e-dropdown-btn .e-caret {
57
- font-size: 10px;
58
- }
59
- .e-bigger .e-dropdown-btn.e-vertical,
60
- .e-bigger.e-dropdown-btn.e-vertical {
61
- line-height: 1;
62
- padding: 8px 16px;
63
- }
64
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
65
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
66
- line-height: 1;
67
- padding: 8px 16px;
68
- }
69
-
70
- .e-dropdown-popup {
71
- position: absolute;
72
- }
73
- .e-dropdown-popup ul {
74
- border: 1px solid rgba(0, 0, 0, 0.15);
75
- border-radius: 4px;
76
- box-shadow: none;
77
- box-sizing: border-box;
78
- font-size: 14px;
79
- font-weight: normal;
80
- list-style-image: none;
81
- list-style-position: outside;
82
- list-style-type: none;
83
- margin: 0;
84
- min-width: 120px;
85
- overflow: hidden;
86
- padding: 6px 0;
87
- -webkit-user-select: none;
88
- -ms-user-select: none;
89
- user-select: none;
90
- white-space: nowrap;
91
- }
92
- .e-dropdown-popup ul .e-item {
93
- cursor: pointer;
94
- display: -ms-flexbox;
95
- display: flex;
96
- height: 26px;
97
- line-height: 26px;
98
- padding: 0 20px;
99
- }
100
- .e-dropdown-popup ul .e-item.e-url {
101
- padding: 0;
102
- }
103
- .e-dropdown-popup ul .e-item .e-menu-url {
104
- display: block;
105
- padding: 0 20px;
106
- text-decoration: none;
107
- width: 100%;
108
- }
109
- .e-dropdown-popup ul .e-item .e-menu-icon {
110
- float: left;
111
- font-size: 16px;
112
- line-height: 26px;
113
- margin-right: 8px;
114
- vertical-align: middle;
115
- width: 1em;
116
- }
117
- .e-dropdown-popup ul .e-item.e-disabled {
118
- cursor: auto;
119
- pointer-events: none;
120
- }
121
- .e-dropdown-popup ul .e-item.e-separator {
122
- border-bottom-style: solid;
123
- border-bottom-width: 1px;
124
- cursor: auto;
125
- height: auto;
126
- line-height: normal;
127
- margin: 3px 0;
128
- pointer-events: none;
129
- }
130
- .e-dropdown-popup.e-transparent {
131
- background: transparent;
132
- box-shadow: none;
133
- }
134
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
135
- border: 0;
136
- height: 1px;
137
- min-width: 0;
138
- padding: 0;
139
- width: 1px;
140
- }
141
-
142
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
143
- float: right;
144
- margin-left: 8px;
145
- margin-right: 0;
146
- }
147
-
148
- *.e-bigger .e-dropdown-popup ul,
149
- *.e-bigger.e-dropdown-popup ul {
150
- box-shadow: none;
151
- font-size: 16px;
152
- max-width: 280px;
153
- min-width: 112px;
154
- padding: 8px 0;
155
- }
156
- *.e-bigger .e-dropdown-popup ul .e-item,
157
- *.e-bigger.e-dropdown-popup ul .e-item {
158
- height: 32px;
159
- line-height: 32px;
160
- padding: 0 24px;
161
- }
162
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
163
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
164
- padding: 0;
165
- }
166
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
167
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
168
- font-size: 16px;
169
- line-height: 32px;
170
- }
171
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
172
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
173
- height: auto;
174
- line-height: normal;
175
- }
176
-
177
- /*! drop-down button theme */
178
- .e-dropdown-popup {
179
- background-color: #fff;
180
- color: #212529;
181
- }
182
- .e-dropdown-popup ul .e-item .e-menu-url {
183
- color: #212529;
184
- }
185
- .e-dropdown-popup ul .e-item .e-menu-icon {
186
- color: #212529;
187
- }
188
- .e-dropdown-popup ul .e-item.e-focused {
189
- background-color: #f2f4f6;
190
- box-shadow: none;
191
- }
192
- .e-dropdown-popup ul .e-item:hover {
193
- background-color: #f2f4f6;
194
- color: #212529;
195
- }
196
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
197
- background-color: #007bff;
198
- color: #fff;
199
- }
200
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
201
- color: #fff;
202
- }
203
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
204
- color: #fff;
205
- }
206
- .e-dropdown-popup ul .e-separator {
207
- border-bottom-color: #6c757d;
208
- }
209
-
210
- .e-dropdown-btn.e-inherit,
211
- .e-dropdown-btn.e-btn.e-inherit {
212
- background: inherit;
213
- border-color: transparent;
214
- box-shadow: none;
215
- color: inherit;
216
- }
217
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
218
- .e-dropdown-btn.e-btn.e-inherit:hover,
219
- .e-dropdown-btn.e-btn.e-inherit:focus,
220
- .e-dropdown-btn.e-btn.e-inherit:active,
221
- .e-dropdown-btn.e-btn.e-inherit.e-active {
222
- background-color: rgba(0, 0, 0, 0.056);
223
- border-color: transparent;
224
- box-shadow: none;
225
- color: inherit;
226
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/bootstrap4.css';
@@ -1,6 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap4.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
3
- @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
4
- @import 'bootstrap4-definition.scss';
5
- @import 'icons/bootstrap4.scss';
6
- @import 'all.scss';
1
+ @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4.scss';