@c8y/style 1022.26.1 → 1022.28.2
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/package.json
CHANGED
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
&,
|
|
140
140
|
&:first-child,
|
|
141
141
|
&:last-child {
|
|
142
|
-
padding-right: calc(@form-control-height-base + @form-control-padding-base-horizontal);
|
|
142
|
+
padding-right: calc(@form-control-height-base + @form-control-padding-base-horizontal)!important;
|
|
143
143
|
padding-left: calc(@form-control-padding-base-horizontal * 2);
|
|
144
144
|
border-radius: calc(@form-control-height-base * 0.5);
|
|
145
145
|
}
|
|
@@ -151,7 +151,16 @@
|
|
|
151
151
|
padding: @form-control-padding-large-vertical calc(@form-control-padding-large-horizontal * 2);
|
|
152
152
|
border-radius: @form-control-height-base;
|
|
153
153
|
font-size: @font-size-large;
|
|
154
|
-
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
&:has(.input-group-btn > .btn + .btn){
|
|
158
|
+
.form-control {
|
|
159
|
+
&,
|
|
160
|
+
&:first-child,
|
|
161
|
+
&:last-child {
|
|
162
|
+
padding-right: calc(@form-control-height-base + @form-control-padding-base-horizontal * 4)!important;
|
|
163
|
+
}
|
|
155
164
|
}
|
|
156
165
|
}
|
|
157
166
|
|
|
@@ -179,14 +188,14 @@
|
|
|
179
188
|
|
|
180
189
|
}
|
|
181
190
|
|
|
182
|
-
&.input-group-sm {
|
|
191
|
+
&.input-group-sm, .input-group-sm & {
|
|
183
192
|
.form-control:not(.c8y-radio):not(.c8y-checkbox) {
|
|
184
193
|
padding-left: 12px;
|
|
185
194
|
}
|
|
186
195
|
|
|
187
196
|
.input-group-btn,
|
|
188
197
|
.input-group-addon, .form-group {
|
|
189
|
-
height: @form-control-height-sm;
|
|
198
|
+
height: @form-control-height-sm!important;
|
|
190
199
|
}
|
|
191
200
|
}
|
|
192
201
|
|
|
@@ -207,6 +216,22 @@
|
|
|
207
216
|
}
|
|
208
217
|
}
|
|
209
218
|
|
|
219
|
+
//smaller search input when using the c8y-search-input component
|
|
220
|
+
c8y-search-input.input-group-sm{
|
|
221
|
+
.input-group-search{
|
|
222
|
+
.form-control,
|
|
223
|
+
.input-group-addon,
|
|
224
|
+
.input-group-btn > .btn {
|
|
225
|
+
.input-sm();
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
// add smaller left and right margins in the search dropdown
|
|
229
|
+
c8y-li.m-l-32.m-r-32 {
|
|
230
|
+
margin-left: 8px!important;
|
|
231
|
+
margin-right: 8px!important;
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
|
|
210
235
|
.input-group.input-group-password {
|
|
211
236
|
display: flex !important;
|
|
212
237
|
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
|
|
39
39
|
.input-group-dropdown {
|
|
40
40
|
.form-control {
|
|
41
|
-
border-radius:
|
|
41
|
+
border-radius: var(--c8y-form-control-height-base)!important;
|
|
42
42
|
border: 0;
|
|
43
43
|
height: auto;
|
|
44
|
-
padding: 16px 54px 16px
|
|
44
|
+
padding: 16px 54px 16px 24px !important;
|
|
45
45
|
background-color: @headerColor;
|
|
46
46
|
color: @header-text-color;
|
|
47
47
|
font-size: @font-size-large;
|
|
@@ -79,11 +79,15 @@
|
|
|
79
79
|
margin-right: auto;
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
|
|
82
|
+
.search-header-menu {
|
|
83
|
+
.app-main-header.open & {
|
|
84
|
+
max-width: calc(100vw - 400px);
|
|
85
|
+
}
|
|
86
|
+
}
|
|
83
87
|
@media (min-width: @grid-float-breakpoint) {
|
|
84
88
|
.search-header-menu {
|
|
85
89
|
.app-main-header.open & {
|
|
86
|
-
max-width:
|
|
90
|
+
max-width: 800px;
|
|
87
91
|
}
|
|
88
92
|
}
|
|
89
93
|
}
|