@syncfusion/blazor-themes 31.2.5 → 31.2.12

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 (201) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +12 -2
  2. package/Compiled-Themes/bds-dark.css +21 -2
  3. package/Compiled-Themes/bds-lite.css +12 -2
  4. package/Compiled-Themes/bds.css +21 -2
  5. package/Compiled-Themes/bootstrap-dark-lite.css +13 -3
  6. package/Compiled-Themes/bootstrap-dark.css +22 -3
  7. package/Compiled-Themes/bootstrap-lite.css +13 -3
  8. package/Compiled-Themes/bootstrap.css +22 -3
  9. package/Compiled-Themes/bootstrap4-lite.css +12 -2
  10. package/Compiled-Themes/bootstrap4.css +21 -2
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +12 -2
  12. package/Compiled-Themes/bootstrap5-dark.css +21 -2
  13. package/Compiled-Themes/bootstrap5-lite.css +12 -2
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +12 -2
  15. package/Compiled-Themes/bootstrap5.3-dark.css +21 -2
  16. package/Compiled-Themes/bootstrap5.3-lite.css +12 -2
  17. package/Compiled-Themes/bootstrap5.3.css +21 -2
  18. package/Compiled-Themes/bootstrap5.css +21 -2
  19. package/Compiled-Themes/fabric-dark-lite.css +13 -3
  20. package/Compiled-Themes/fabric-dark.css +22 -3
  21. package/Compiled-Themes/fabric-lite.css +13 -3
  22. package/Compiled-Themes/fabric.css +22 -3
  23. package/Compiled-Themes/fluent-dark-lite.css +12 -2
  24. package/Compiled-Themes/fluent-dark.css +21 -2
  25. package/Compiled-Themes/fluent-lite.css +12 -2
  26. package/Compiled-Themes/fluent.css +21 -2
  27. package/Compiled-Themes/fluent2-dark-lite.css +12 -2
  28. package/Compiled-Themes/fluent2-dark.css +21 -2
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +12 -2
  30. package/Compiled-Themes/fluent2-highcontrast.css +21 -2
  31. package/Compiled-Themes/fluent2-lite.css +12 -2
  32. package/Compiled-Themes/fluent2.css +21 -2
  33. package/Compiled-Themes/highcontrast-lite.css +13 -3
  34. package/Compiled-Themes/highcontrast.css +22 -3
  35. package/Compiled-Themes/material-dark-lite.css +12 -2
  36. package/Compiled-Themes/material-dark.css +21 -2
  37. package/Compiled-Themes/material-lite.css +12 -2
  38. package/Compiled-Themes/material.css +21 -2
  39. package/Compiled-Themes/material3-dark-lite.css +12 -2
  40. package/Compiled-Themes/material3-dark.css +21 -2
  41. package/Compiled-Themes/material3-lite.css +12 -2
  42. package/Compiled-Themes/material3.css +21 -2
  43. package/Compiled-Themes/tailwind-dark-lite.css +12 -2
  44. package/Compiled-Themes/tailwind-dark.css +21 -2
  45. package/Compiled-Themes/tailwind-lite.css +12 -2
  46. package/Compiled-Themes/tailwind.css +21 -2
  47. package/Compiled-Themes/tailwind3-dark-lite.css +13 -3
  48. package/Compiled-Themes/tailwind3-dark.css +22 -3
  49. package/Compiled-Themes/tailwind3-lite.css +13 -3
  50. package/Compiled-Themes/tailwind3.css +22 -3
  51. package/SCSS-Themes/bds-dark-lite.scss +15 -2
  52. package/SCSS-Themes/bds-dark.scss +26 -2
  53. package/SCSS-Themes/bds-lite.scss +15 -2
  54. package/SCSS-Themes/bds.scss +26 -2
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +15 -3
  56. package/SCSS-Themes/bootstrap-dark.scss +26 -3
  57. package/SCSS-Themes/bootstrap-lite.scss +15 -3
  58. package/SCSS-Themes/bootstrap.scss +26 -3
  59. package/SCSS-Themes/bootstrap4-lite.scss +15 -2
  60. package/SCSS-Themes/bootstrap4.scss +26 -2
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +15 -2
  62. package/SCSS-Themes/bootstrap5-dark.scss +26 -2
  63. package/SCSS-Themes/bootstrap5-lite.scss +15 -2
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +15 -2
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +26 -2
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +15 -2
  67. package/SCSS-Themes/bootstrap5.3.scss +26 -2
  68. package/SCSS-Themes/bootstrap5.scss +26 -2
  69. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +5 -0
  70. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +5 -0
  71. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +5 -0
  72. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +5 -0
  73. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +5 -1
  74. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +5 -1
  75. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +5 -1
  76. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +5 -1
  77. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +5 -0
  78. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +5 -0
  79. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +5 -0
  80. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +5 -0
  81. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +5 -0
  82. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +5 -0
  83. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +5 -0
  84. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +5 -0
  85. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +5 -0
  86. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +5 -0
  87. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +5 -1
  88. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +5 -1
  89. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +5 -1
  90. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +5 -1
  91. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +5 -0
  92. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +5 -0
  93. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +5 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +5 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +5 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +5 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +5 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +5 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +5 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +5 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +5 -1
  102. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +5 -1
  103. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +5 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +5 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +5 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +5 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +5 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +5 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +5 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +5 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +5 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +5 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +5 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +5 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +5 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +5 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +5 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +5 -0
  119. package/SCSS-Themes/fabric-dark-lite.scss +15 -3
  120. package/SCSS-Themes/fabric-dark.scss +26 -3
  121. package/SCSS-Themes/fabric-lite.scss +15 -3
  122. package/SCSS-Themes/fabric.scss +26 -3
  123. package/SCSS-Themes/fluent-dark-lite.scss +15 -2
  124. package/SCSS-Themes/fluent-dark.scss +26 -2
  125. package/SCSS-Themes/fluent-lite.scss +15 -2
  126. package/SCSS-Themes/fluent.scss +26 -2
  127. package/SCSS-Themes/fluent2-dark-lite.scss +15 -2
  128. package/SCSS-Themes/fluent2-dark.scss +26 -2
  129. package/SCSS-Themes/fluent2-highcontrast-lite.scss +15 -2
  130. package/SCSS-Themes/fluent2-highcontrast.scss +26 -2
  131. package/SCSS-Themes/fluent2-lite.scss +15 -2
  132. package/SCSS-Themes/fluent2.scss +26 -2
  133. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +10 -2
  134. package/SCSS-Themes/grids/grid/bds-dark.scss +21 -2
  135. package/SCSS-Themes/grids/grid/bds-lite.scss +10 -2
  136. package/SCSS-Themes/grids/grid/bds.scss +21 -2
  137. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +10 -2
  138. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +21 -2
  139. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +10 -2
  140. package/SCSS-Themes/grids/grid/bootstrap.scss +21 -2
  141. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +10 -2
  142. package/SCSS-Themes/grids/grid/bootstrap4.scss +21 -2
  143. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +10 -2
  144. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +21 -2
  145. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +10 -2
  146. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +10 -2
  147. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +21 -2
  148. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +10 -2
  149. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +21 -2
  150. package/SCSS-Themes/grids/grid/bootstrap5.scss +21 -2
  151. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +10 -2
  152. package/SCSS-Themes/grids/grid/fabric-dark.scss +21 -2
  153. package/SCSS-Themes/grids/grid/fabric-lite.scss +10 -2
  154. package/SCSS-Themes/grids/grid/fabric.scss +21 -2
  155. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +10 -2
  156. package/SCSS-Themes/grids/grid/fluent-dark.scss +21 -2
  157. package/SCSS-Themes/grids/grid/fluent-lite.scss +10 -2
  158. package/SCSS-Themes/grids/grid/fluent.scss +21 -2
  159. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +10 -2
  160. package/SCSS-Themes/grids/grid/fluent2-dark.scss +21 -2
  161. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +10 -2
  162. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +21 -2
  163. package/SCSS-Themes/grids/grid/fluent2-lite.scss +10 -2
  164. package/SCSS-Themes/grids/grid/fluent2.scss +21 -2
  165. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +10 -2
  166. package/SCSS-Themes/grids/grid/highcontrast.scss +21 -2
  167. package/SCSS-Themes/grids/grid/material-dark-lite.scss +10 -2
  168. package/SCSS-Themes/grids/grid/material-dark.scss +21 -2
  169. package/SCSS-Themes/grids/grid/material-lite.scss +10 -2
  170. package/SCSS-Themes/grids/grid/material.scss +21 -2
  171. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +10 -2
  172. package/SCSS-Themes/grids/grid/material3-dark.scss +21 -2
  173. package/SCSS-Themes/grids/grid/material3-lite.scss +10 -2
  174. package/SCSS-Themes/grids/grid/material3.scss +21 -2
  175. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +10 -2
  176. package/SCSS-Themes/grids/grid/tailwind-dark.scss +21 -2
  177. package/SCSS-Themes/grids/grid/tailwind-lite.scss +10 -2
  178. package/SCSS-Themes/grids/grid/tailwind.scss +21 -2
  179. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +10 -2
  180. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +21 -2
  181. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +10 -2
  182. package/SCSS-Themes/grids/grid/tailwind3.scss +21 -2
  183. package/SCSS-Themes/highcontrast-lite.scss +15 -3
  184. package/SCSS-Themes/highcontrast.scss +26 -3
  185. package/SCSS-Themes/material-dark-lite.scss +15 -2
  186. package/SCSS-Themes/material-dark.scss +26 -2
  187. package/SCSS-Themes/material-lite.scss +15 -2
  188. package/SCSS-Themes/material.scss +26 -2
  189. package/SCSS-Themes/material3-dark-lite.scss +15 -2
  190. package/SCSS-Themes/material3-dark.scss +26 -2
  191. package/SCSS-Themes/material3-lite.scss +15 -2
  192. package/SCSS-Themes/material3.scss +26 -2
  193. package/SCSS-Themes/tailwind-dark-lite.scss +15 -2
  194. package/SCSS-Themes/tailwind-dark.scss +26 -2
  195. package/SCSS-Themes/tailwind-lite.scss +15 -2
  196. package/SCSS-Themes/tailwind.scss +26 -2
  197. package/SCSS-Themes/tailwind3-dark-lite.scss +15 -2
  198. package/SCSS-Themes/tailwind3-dark.scss +26 -2
  199. package/SCSS-Themes/tailwind3-lite.scss +15 -2
  200. package/SCSS-Themes/tailwind3.scss +26 -2
  201. package/package.json +1 -1
@@ -15,7 +15,7 @@ $ddl-input-padding: 8px !default;
15
15
  $ddl-input-group-border-width: 1px !default;
16
16
  $ddl-clear-icon-margin-right: 0 !default;
17
17
  $ddl-active-font-color: $active-font-color !default;
18
-
18
+ $input-margin-top: 28px !default;
19
19
  $ddl-list-search-icon-padding: 8px !default;
20
20
  $ddl-list-filter-text-indent: 0 12px !default;
21
21
  $ddl-list-icon-color: $neutral-primary !default;
@@ -94,6 +94,10 @@ $input-border: $ddl-zero-value $border-type !default;
94
94
  border: $input-border;
95
95
  }
96
96
 
97
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
98
+ margin-top: $input-margin-top;
99
+ }
100
+
97
101
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
98
102
  display: block;
99
103
  visibility: hidden;
@@ -15,7 +15,7 @@ $ddl-input-padding: 8px !default;
15
15
  $ddl-input-group-border-width: 1px !default;
16
16
  $ddl-clear-icon-margin-right: 0 !default;
17
17
  $ddl-active-font-color: $active-font-color !default;
18
-
18
+ $input-margin-top: 28px !default;
19
19
  $ddl-list-search-icon-padding: 8px !default;
20
20
  $ddl-list-filter-text-indent: 0 12px !default;
21
21
  $ddl-list-icon-color: $neutral-primary !default;
@@ -94,6 +94,10 @@ $input-border: $ddl-zero-value $border-type !default;
94
94
  border: $input-border;
95
95
  }
96
96
 
97
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
98
+ margin-top: $input-margin-top;
99
+ }
100
+
97
101
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
98
102
  display: block;
99
103
  visibility: hidden;
@@ -14,7 +14,7 @@ $ddl-input-padding: 8px !default;
14
14
  $ddl-input-group-border-width: 1px !default;
15
15
  $ddl-clear-icon-margin-right: 0 !default;
16
16
  $ddl-active-font-color: $active-font-color !default;
17
-
17
+ $input-margin-top: 28px !default;
18
18
  $ddl-list-search-icon-padding: 8px !default;
19
19
  $ddl-list-filter-text-indent: 0 12px !default;
20
20
  $ddl-list-icon-color: $neutral-primary !default;
@@ -91,6 +91,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
91
91
  border: $input-border;
92
92
  }
93
93
 
94
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
95
+ margin-top: $input-margin-top;
96
+ }
97
+
94
98
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
95
99
  display: block;
96
100
  visibility: hidden;
@@ -14,7 +14,7 @@ $ddl-input-padding: 8px !default;
14
14
  $ddl-input-group-border-width: 1px !default;
15
15
  $ddl-clear-icon-margin-right: 0 !default;
16
16
  $ddl-active-font-color: $active-font-color !default;
17
-
17
+ $input-margin-top: 28px !default;
18
18
  $ddl-list-search-icon-padding: 8px !default;
19
19
  $ddl-list-filter-text-indent: 0 12px !default;
20
20
  $ddl-list-icon-color: $neutral-primary !default;
@@ -91,6 +91,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
91
91
  border: $input-border;
92
92
  }
93
93
 
94
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
95
+ margin-top: $input-margin-top;
96
+ }
97
+
94
98
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
95
99
  display: block;
96
100
  visibility: hidden;
@@ -26,6 +26,7 @@ $ddl-popup-shadow: $shadow-lg !default;
26
26
  $ddl-readonly-bg-color: $content-bg-color !default;
27
27
  $ddl-filter-parent-border: 1px solid $flyout-border !default;
28
28
  $ddl-filter-margin: 0 !default;
29
+ $input-margin-top: 24px !default;
29
30
 
30
31
  // Small Size
31
32
  $ddl-small-list-font-size: $text-xs !default;
@@ -151,6 +152,10 @@ $input-border: $ddl-zero-value $border-type !default;
151
152
  border: $input-border;
152
153
  }
153
154
 
155
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
156
+ margin-top: $input-margin-top;
157
+ }
158
+
154
159
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
155
160
  display: block;
156
161
  visibility: hidden;
@@ -26,6 +26,7 @@ $ddl-popup-shadow: $shadow-lg !default;
26
26
  $ddl-readonly-bg-color: $content-bg-color !default;
27
27
  $ddl-filter-parent-border: 1px solid $flyout-border !default;
28
28
  $ddl-filter-margin: 0 !default;
29
+ $input-margin-top: 24px !default;
29
30
 
30
31
  // Small Size
31
32
  $ddl-small-list-font-size: $text-xs !default;
@@ -151,6 +152,10 @@ $input-border: $ddl-zero-value $border-type !default;
151
152
  border: $input-border;
152
153
  }
153
154
 
155
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
156
+ margin-top: $input-margin-top;
157
+ }
158
+
154
159
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
155
160
  display: block;
156
161
  visibility: hidden;
@@ -26,6 +26,7 @@ $ddl-popup-shadow: $shadow-lg !default;
26
26
  $ddl-readonly-bg-color: $content-bg-color !default;
27
27
  $ddl-filter-parent-border: 1px solid $flyout-border !default;
28
28
  $ddl-filter-margin: 0 !default;
29
+ $input-margin-top: 24px !default;
29
30
 
30
31
  // Small Size
31
32
  $ddl-small-list-font-size: $text-xs !default;
@@ -151,6 +152,10 @@ $input-border: $ddl-zero-value $border-type !default;
151
152
  border: $input-border;
152
153
  }
153
154
 
155
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
156
+ margin-top: $input-margin-top;
157
+ }
158
+
154
159
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
155
160
  display: block;
156
161
  visibility: hidden;
@@ -26,6 +26,7 @@ $ddl-popup-shadow: $shadow-lg !default;
26
26
  $ddl-readonly-bg-color: $content-bg-color !default;
27
27
  $ddl-filter-parent-border: 1px solid $flyout-border !default;
28
28
  $ddl-filter-margin: 0 !default;
29
+ $input-margin-top: 24px !default;
29
30
 
30
31
  // Small Size
31
32
  $ddl-small-list-font-size: $text-xs !default;
@@ -151,6 +152,10 @@ $input-border: $ddl-zero-value $border-type !default;
151
152
  border: $input-border;
152
153
  }
153
154
 
155
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
156
+ margin-top: $input-margin-top;
157
+ }
158
+
154
159
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
155
160
  display: block;
156
161
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -124,6 +125,10 @@ $input-border: $ddl-zero-value $border-type !default;
124
125
  border: $input-border;
125
126
  }
126
127
 
128
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
129
+ margin-top: $input-margin-top;
130
+ }
131
+
127
132
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
128
133
  display: block;
129
134
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -124,6 +125,10 @@ $input-border: $ddl-zero-value $border-type !default;
124
125
  border: $input-border;
125
126
  }
126
127
 
128
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
129
+ margin-top: $input-margin-top;
130
+ }
131
+
127
132
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
128
133
  display: block;
129
134
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -124,6 +125,10 @@ $input-border: $ddl-zero-value $border-type !default;
124
125
  border: $input-border;
125
126
  }
126
127
 
128
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
129
+ margin-top: $input-margin-top;
130
+ }
131
+
127
132
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
128
133
  display: block;
129
134
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -124,6 +125,10 @@ $input-border: $ddl-zero-value $border-type !default;
124
125
  border: $input-border;
125
126
  }
126
127
 
128
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
129
+ margin-top: $input-margin-top;
130
+ }
131
+
127
132
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
128
133
  display: block;
129
134
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -124,6 +125,10 @@ $input-border: $ddl-zero-value $border-type !default;
124
125
  border: $input-border;
125
126
  }
126
127
 
128
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
129
+ margin-top: $input-margin-top;
130
+ }
131
+
127
132
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
128
133
  display: block;
129
134
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -124,6 +125,10 @@ $input-border: $ddl-zero-value $border-type !default;
124
125
  border: $input-border;
125
126
  }
126
127
 
128
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
129
+ margin-top: $input-margin-top;
130
+ }
131
+
127
132
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
128
133
  display: block;
129
134
  visibility: hidden;
@@ -14,7 +14,7 @@ $ddl-input-padding: 8px !default;
14
14
  $ddl-input-group-border-width: 1px !default;
15
15
  $ddl-clear-icon-margin-right: 0 !default;
16
16
  $ddl-active-font-color: $active-font-color !default;
17
-
17
+ $input-margin-top: 28px !default;
18
18
  $ddl-list-search-icon-padding: 8px !default;
19
19
  $ddl-list-filter-text-indent: 0 12px !default;
20
20
  $ddl-list-icon-color: $bg-base-20 !default;
@@ -105,6 +105,10 @@ $input-border: $ddl-zero-value $border-type !default;
105
105
  border: $input-border;
106
106
  }
107
107
 
108
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
109
+ margin-top: $input-margin-top;
110
+ }
111
+
108
112
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
109
113
  display: block;
110
114
  visibility: hidden;
@@ -14,7 +14,7 @@ $ddl-input-padding: 8px !default;
14
14
  $ddl-input-group-border-width: 1px !default;
15
15
  $ddl-clear-icon-margin-right: 0 !default;
16
16
  $ddl-active-font-color: $active-font-color !default;
17
-
17
+ $input-margin-top: 28px !default;
18
18
  $ddl-list-search-icon-padding: 8px !default;
19
19
  $ddl-list-filter-text-indent: 0 12px !default;
20
20
  $ddl-list-icon-color: $bg-base-20 !default;
@@ -105,6 +105,10 @@ $input-border: $ddl-zero-value $border-type !default;
105
105
  border: $input-border;
106
106
  }
107
107
 
108
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
109
+ margin-top: $input-margin-top;
110
+ }
111
+
108
112
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
109
113
  display: block;
110
114
  visibility: hidden;
@@ -30,6 +30,7 @@ $ddl-clear-icon-margin-right: 66px !default;
30
30
  $ddl-back-icon-margin: 0 10px 0 -52px !default;
31
31
  $ddl-back-icon-padding: 0 8px !default;
32
32
  $ddl-filter-margin: 0 !default;
33
+ $input-margin-top: 16px !default;
33
34
 
34
35
  // Small Size
35
36
 
@@ -132,6 +133,10 @@ $input-border: $ddl-zero-value $border-type !default;
132
133
  border: $input-border;
133
134
  }
134
135
 
136
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
137
+ margin-top: $input-margin-top;
138
+ }
139
+
135
140
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
136
141
  display: block;
137
142
  visibility: hidden;
@@ -30,6 +30,7 @@ $ddl-clear-icon-margin-right: 66px !default;
30
30
  $ddl-back-icon-margin: 0 10px 0 -52px !default;
31
31
  $ddl-back-icon-padding: 0 8px !default;
32
32
  $ddl-filter-margin: 0 !default;
33
+ $input-margin-top: 16px !default;
33
34
 
34
35
  // Small Size
35
36
 
@@ -132,6 +133,10 @@ $input-border: $ddl-zero-value $border-type !default;
132
133
  border: $input-border;
133
134
  }
134
135
 
136
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
137
+ margin-top: $input-margin-top;
138
+ }
139
+
135
140
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
136
141
  display: block;
137
142
  visibility: hidden;
@@ -30,6 +30,7 @@ $ddl-back-icon-margin: 0 10px 0 -52px !default;
30
30
  $ddl-back-icon-padding: 0 8px !default;
31
31
  $ddl-popup-shadow: 0 5px 5px -3px rgba($grey-light-font, .2), 0 8px 10px 1px rgba($grey-light-font, .14), 0 3px 14px 2px rgba($grey-light-font, .12) !default;
32
32
  $ddl-filter-margin: 0 !default;
33
+ $input-margin-top: 16px !default;
33
34
 
34
35
  // Small Size
35
36
  $ddl-small-list-font-size: 12px !default;
@@ -134,6 +135,10 @@ $input-border: $ddl-zero-value $border-type !default;
134
135
  border: $input-border;
135
136
  }
136
137
 
138
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
139
+ margin-top: $input-margin-top;
140
+ }
141
+
137
142
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
138
143
  display: block;
139
144
  visibility: hidden;
@@ -30,6 +30,7 @@ $ddl-back-icon-margin: 0 10px 0 -52px !default;
30
30
  $ddl-back-icon-padding: 0 8px !default;
31
31
  $ddl-popup-shadow: 0 5px 5px -3px rgba($grey-light-font, .2), 0 8px 10px 1px rgba($grey-light-font, .14), 0 3px 14px 2px rgba($grey-light-font, .12) !default;
32
32
  $ddl-filter-margin: 0 !default;
33
+ $input-margin-top: 16px !default;
33
34
 
34
35
  // Small Size
35
36
  $ddl-small-list-font-size: 12px !default;
@@ -134,6 +135,10 @@ $input-border: $ddl-zero-value $border-type !default;
134
135
  border: $input-border;
135
136
  }
136
137
 
138
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
139
+ margin-top: $input-margin-top;
140
+ }
141
+
137
142
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
138
143
  display: block;
139
144
  visibility: hidden;
@@ -36,6 +36,7 @@ $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
36
36
  $ddl-small-list-font-size: $text-xs !default;
37
37
  $ddl-bigger-small-list-font-size: $text-sm !default;
38
38
  $input-border: $ddl-zero-value $border-type !default;
39
+ $input-margin-top: 16px !default;
39
40
 
40
41
  @include export-module('dropdownlist-Material3') {
41
42
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -137,6 +138,10 @@ $input-border: $ddl-zero-value $border-type !default;
137
138
  border: $input-border;
138
139
  }
139
140
 
141
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
142
+ margin-top: $input-margin-top;
143
+ }
144
+
140
145
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
141
146
  display: block;
142
147
  visibility: hidden;
@@ -36,6 +36,7 @@ $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
36
36
  $ddl-small-list-font-size: $text-xs !default;
37
37
  $ddl-bigger-small-list-font-size: $text-sm !default;
38
38
  $input-border: $ddl-zero-value $border-type !default;
39
+ $input-margin-top: 16px !default;
39
40
 
40
41
  @include export-module('dropdownlist-Material3') {
41
42
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -137,6 +138,10 @@ $input-border: $ddl-zero-value $border-type !default;
137
138
  border: $input-border;
138
139
  }
139
140
 
141
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
142
+ margin-top: $input-margin-top;
143
+ }
144
+
140
145
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
141
146
  display: block;
142
147
  visibility: hidden;
@@ -36,6 +36,7 @@ $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
36
36
  $ddl-small-list-font-size: $text-xs !default;
37
37
  $ddl-bigger-small-list-font-size: $text-sm !default;
38
38
  $input-border: $ddl-zero-value $border-type !default;
39
+ $input-margin-top: 16px !default;
39
40
 
40
41
  @include export-module('dropdownlist-Material3') {
41
42
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -137,6 +138,10 @@ $input-border: $ddl-zero-value $border-type !default;
137
138
  border: $input-border;
138
139
  }
139
140
 
141
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
142
+ margin-top: $input-margin-top;
143
+ }
144
+
140
145
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
141
146
  display: block;
142
147
  visibility: hidden;
@@ -36,6 +36,7 @@ $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
36
36
  $ddl-small-list-font-size: $text-xs !default;
37
37
  $ddl-bigger-small-list-font-size: $text-sm !default;
38
38
  $input-border: $ddl-zero-value $border-type !default;
39
+ $input-margin-top: 16px !default;
39
40
 
40
41
  @include export-module('dropdownlist-Material3') {
41
42
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -137,6 +138,10 @@ $input-border: $ddl-zero-value $border-type !default;
137
138
  border: $input-border;
138
139
  }
139
140
 
141
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
142
+ margin-top: $input-margin-top;
143
+ }
144
+
140
145
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
141
146
  display: block;
142
147
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -123,6 +124,10 @@ $input-border: $ddl-zero-value $border-type !default;
123
124
  border: $input-border;
124
125
  }
125
126
 
127
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
128
+ margin-top: $input-margin-top;
129
+ }
130
+
126
131
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
127
132
  display: block;
128
133
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -123,6 +124,10 @@ $input-border: $ddl-zero-value $border-type !default;
123
124
  border: $input-border;
124
125
  }
125
126
 
127
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
128
+ margin-top: $input-margin-top;
129
+ }
130
+
126
131
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
127
132
  display: block;
128
133
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -123,6 +124,10 @@ $input-border: $ddl-zero-value $border-type !default;
123
124
  border: $input-border;
124
125
  }
125
126
 
127
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
128
+ margin-top: $input-margin-top;
129
+ }
130
+
126
131
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
127
132
  display: block;
128
133
  visibility: hidden;
@@ -25,6 +25,7 @@ $ddl-popup-shadow: $shadow-lg !default;
25
25
  $ddl-bigger-list-font-size: $text-base !default;
26
26
  $ddl-bigger-group-list-font-size: $text-sm !default;
27
27
  $ddl-filter-margin: 0 !default;
28
+ $input-margin-top: 24px !default;
28
29
 
29
30
  // Small Size
30
31
  $ddl-small-list-font-size: $text-xs !default;
@@ -123,6 +124,10 @@ $input-border: $ddl-zero-value $border-type !default;
123
124
  border: $input-border;
124
125
  }
125
126
 
127
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
128
+ margin-top: $input-margin-top;
129
+ }
130
+
126
131
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
127
132
  display: block;
128
133
  visibility: hidden;
@@ -26,6 +26,7 @@ $ddl-popup-shadow: $shadow-lg !default;
26
26
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
27
27
  $ddl-filter-margin: 0 !default;
28
28
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
29
+ $input-margin-top: 24px !default;
29
30
 
30
31
  // Small Size
31
32
  $ddl-small-list-font-size: $text-xs !default;
@@ -158,6 +159,10 @@ $input-border: $ddl-zero-value $border-type !default;
158
159
  border: $input-border;
159
160
  }
160
161
 
162
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
163
+ margin-top: $input-margin-top;
164
+ }
165
+
161
166
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
162
167
  display: block;
163
168
  visibility: hidden;
@@ -26,6 +26,7 @@ $ddl-popup-shadow: $shadow-lg !default;
26
26
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
27
27
  $ddl-filter-margin: 0 !default;
28
28
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
29
+ $input-margin-top: 24px !default;
29
30
 
30
31
  // Small Size
31
32
  $ddl-small-list-font-size: $text-xs !default;
@@ -158,6 +159,10 @@ $input-border: $ddl-zero-value $border-type !default;
158
159
  border: $input-border;
159
160
  }
160
161
 
162
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
163
+ margin-top: $input-margin-top;
164
+ }
165
+
161
166
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
162
167
  display: block;
163
168
  visibility: hidden;
@@ -26,6 +26,7 @@ $ddl-popup-shadow: $shadow-lg !default;
26
26
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
27
27
  $ddl-filter-margin: 0 !default;
28
28
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
29
+ $input-margin-top: 24px !default;
29
30
 
30
31
  // Small Size
31
32
  $ddl-small-list-font-size: $text-xs !default;
@@ -158,6 +159,10 @@ $input-border: $ddl-zero-value $border-type !default;
158
159
  border: $input-border;
159
160
  }
160
161
 
162
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
163
+ margin-top: $input-margin-top;
164
+ }
165
+
161
166
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
162
167
  display: block;
163
168
  visibility: hidden;
@@ -26,6 +26,7 @@ $ddl-popup-shadow: $shadow-lg !default;
26
26
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
27
27
  $ddl-filter-margin: 0 !default;
28
28
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
29
+ $input-margin-top: 24px !default;
29
30
 
30
31
  // Small Size
31
32
  $ddl-small-list-font-size: $text-xs !default;
@@ -158,6 +159,10 @@ $input-border: $ddl-zero-value $border-type !default;
158
159
  border: $input-border;
159
160
  }
160
161
 
162
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
163
+ margin-top: $input-margin-top;
164
+ }
165
+
161
166
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
162
167
  display: block;
163
168
  visibility: hidden;