@djb25/digit-ui-css 1.0.42 → 1.0.43
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/dist/index.css +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/topbar.scss +28 -6
- package/src/index.scss +24 -4
package/package.json
CHANGED
|
@@ -31,9 +31,7 @@
|
|
|
31
31
|
margin: 0;
|
|
32
32
|
line-height: 1.1;
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
34
|
+
}
|
|
37
35
|
|
|
38
36
|
img {
|
|
39
37
|
display: inline;
|
|
@@ -293,9 +291,10 @@ video::-webkit-media-controls-panel {
|
|
|
293
291
|
|
|
294
292
|
.topbar-item-wrapper {
|
|
295
293
|
display: flex !important;
|
|
294
|
+
flex-direction: row !important;
|
|
296
295
|
align-items: center !important;
|
|
297
|
-
gap:
|
|
298
|
-
padding:
|
|
296
|
+
gap: 8px !important;
|
|
297
|
+
padding: 6px 12px !important;
|
|
299
298
|
border-radius: 8px !important;
|
|
300
299
|
border: 1px solid #e5e7eb !important;
|
|
301
300
|
background-color: #ffffff !important;
|
|
@@ -304,6 +303,29 @@ video::-webkit-media-controls-panel {
|
|
|
304
303
|
font-weight: 500 !important;
|
|
305
304
|
color: #1f2937 !important;
|
|
306
305
|
white-space: nowrap !important;
|
|
306
|
+
height: 42px;
|
|
307
|
+
position: relative !important;
|
|
308
|
+
|
|
309
|
+
/* Reset absolute styles from dropdowns */
|
|
310
|
+
svg,
|
|
311
|
+
img,
|
|
312
|
+
span {
|
|
313
|
+
position: static !important;
|
|
314
|
+
right: auto !important;
|
|
315
|
+
top: auto !important;
|
|
316
|
+
margin: 0 !important;
|
|
317
|
+
float: none !important;
|
|
318
|
+
flex-shrink: 0 !important;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.chevron-icon {
|
|
322
|
+
display: flex !important;
|
|
323
|
+
align-items: center !important;
|
|
324
|
+
color: #4b5563 !important;
|
|
325
|
+
margin-left: 2px !important;
|
|
326
|
+
width: 14px !important;
|
|
327
|
+
height: 14px !important;
|
|
328
|
+
}
|
|
307
329
|
|
|
308
330
|
@media (max-width: 1024px) {
|
|
309
331
|
padding: 6px 10px !important;
|
|
@@ -338,7 +360,7 @@ video::-webkit-media-controls-panel {
|
|
|
338
360
|
}
|
|
339
361
|
|
|
340
362
|
.vertical-divider {
|
|
341
|
-
width:
|
|
363
|
+
width: 1px;
|
|
342
364
|
height: 28px;
|
|
343
365
|
background-color: rgb(203, 213, 225);
|
|
344
366
|
|
package/src/index.scss
CHANGED
|
@@ -913,20 +913,40 @@ input[type="number"] {
|
|
|
913
913
|
height: 100%;
|
|
914
914
|
}
|
|
915
915
|
|
|
916
|
-
.flex-
|
|
916
|
+
.flex-box-content-between {
|
|
917
917
|
display: flex;
|
|
918
|
-
justify-content:
|
|
918
|
+
justify-content: space-between;
|
|
919
919
|
align-items: center;
|
|
920
|
-
|
|
920
|
+
width: 100%;
|
|
921
|
+
height: 100%;
|
|
921
922
|
}
|
|
922
923
|
|
|
923
|
-
.flex-
|
|
924
|
+
.flex-center {
|
|
924
925
|
display: flex;
|
|
925
926
|
justify-content: center;
|
|
926
927
|
align-items: center;
|
|
928
|
+
}
|
|
929
|
+
|
|
930
|
+
.flex-gap-1 {
|
|
931
|
+
gap: 4px;
|
|
932
|
+
}
|
|
933
|
+
|
|
934
|
+
.flex-gap-2 {
|
|
927
935
|
gap: 8px;
|
|
928
936
|
}
|
|
929
937
|
|
|
938
|
+
.flex-gap-3 {
|
|
939
|
+
gap: 12px;
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
.flex-gap-4 {
|
|
943
|
+
gap: 16px;
|
|
944
|
+
}
|
|
945
|
+
|
|
946
|
+
.flex-gap-5 {
|
|
947
|
+
gap: 20px;
|
|
948
|
+
}
|
|
949
|
+
|
|
930
950
|
.bc-white {
|
|
931
951
|
background-color: #fff;
|
|
932
952
|
}
|