@djb25/digit-ui-css 1.0.21 → 1.0.22
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/actionbar.scss +11 -12
- package/src/components/card.scss +3 -2
- package/src/index.scss +4 -5
package/package.json
CHANGED
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
|
|
15
15
|
width: calc(100% - 16px);
|
|
16
16
|
right: 8px;
|
|
17
|
-
|
|
17
|
+
|
|
18
18
|
div {
|
|
19
19
|
@apply h-12 pl-sm py-md text-body-l text-text-primary;
|
|
20
|
-
|
|
20
|
+
|
|
21
21
|
&:hover {
|
|
22
22
|
@apply bg-grey-mid w-full;
|
|
23
23
|
}
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.action-bar-wrap{
|
|
29
|
-
box-shadow: 0 -2px 8px rgba(0,0,0
|
|
28
|
+
.action-bar-wrap {
|
|
29
|
+
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
|
|
30
30
|
left: 0;
|
|
31
31
|
max-width: none;
|
|
32
32
|
z-index: 999;
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
bottom: 0;
|
|
35
35
|
--bg-opacity: 1;
|
|
36
36
|
background-color: #fff;
|
|
37
|
-
background-color: rgba(255,255,255,var(--bg-opacity));
|
|
37
|
+
background-color: rgba(255, 255, 255, var(--bg-opacity));
|
|
38
38
|
padding-top: 8px;
|
|
39
39
|
padding-bottom: 8px;
|
|
40
40
|
padding-right: 24px;
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
left: 0;
|
|
47
47
|
max-width: none;
|
|
48
48
|
z-index: 999;
|
|
49
|
-
|
|
49
|
+
margin-bottom: 30px;
|
|
50
50
|
@apply fixed bottom-0 bg-white py-sm pr-lg text-right;
|
|
51
51
|
|
|
52
52
|
div {
|
|
@@ -60,10 +60,10 @@
|
|
|
60
60
|
@apply absolute h-auto bg-white text-left mb-xs z-30;
|
|
61
61
|
width: 240px;
|
|
62
62
|
right: 24px;
|
|
63
|
-
|
|
63
|
+
|
|
64
64
|
div {
|
|
65
65
|
@apply h-12 pl-sm py-md text-body-l text-text-primary;
|
|
66
|
-
|
|
66
|
+
|
|
67
67
|
&:hover {
|
|
68
68
|
@apply bg-grey-mid w-full;
|
|
69
69
|
}
|
|
@@ -73,7 +73,6 @@
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
.action-bar-wrap-registry {
|
|
76
|
-
|
|
77
76
|
div {
|
|
78
77
|
@apply w-full;
|
|
79
78
|
}
|
|
@@ -82,10 +81,10 @@
|
|
|
82
81
|
box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
|
|
83
82
|
width: 160px;
|
|
84
83
|
right: 60px;
|
|
85
|
-
|
|
84
|
+
|
|
86
85
|
div {
|
|
87
86
|
@apply h-12 pl-sm py-md text-body-l text-text-primary;
|
|
88
|
-
|
|
87
|
+
|
|
89
88
|
&:hover {
|
|
90
89
|
@apply bg-grey-mid w-full;
|
|
91
90
|
}
|
|
@@ -109,4 +108,4 @@
|
|
|
109
108
|
align-items: center;
|
|
110
109
|
margin-left: 10px;
|
|
111
110
|
}
|
|
112
|
-
}
|
|
111
|
+
}
|
package/src/components/card.scss
CHANGED
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
/*@apply flex justify-center items-center;*/
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
.form-composer-card{
|
|
65
|
-
|
|
64
|
+
.form-composer-card {
|
|
65
|
+
min-height: 100%;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.employeeCard {
|
|
@@ -861,6 +861,7 @@
|
|
|
861
861
|
min-height: calc(100vh - 100px);
|
|
862
862
|
overflow: hidden;
|
|
863
863
|
gap: 20px;
|
|
864
|
+
padding-bottom: 40px;
|
|
864
865
|
}
|
|
865
866
|
|
|
866
867
|
.expanded-overlay {
|
package/src/index.scss
CHANGED
|
@@ -469,7 +469,7 @@ input[type="number"] {
|
|
|
469
469
|
}
|
|
470
470
|
}
|
|
471
471
|
|
|
472
|
-
.phone-input-wrapper{
|
|
472
|
+
.phone-input-wrapper {
|
|
473
473
|
display: flex;
|
|
474
474
|
}
|
|
475
475
|
.phone-input-wrapper:hover {
|
|
@@ -482,7 +482,7 @@ input[type="number"] {
|
|
|
482
482
|
border: 1px solid #667eea;
|
|
483
483
|
}
|
|
484
484
|
}
|
|
485
|
-
|
|
485
|
+
|
|
486
486
|
.text-input {
|
|
487
487
|
@apply relative w-full;
|
|
488
488
|
|
|
@@ -561,8 +561,7 @@ input[type="number"] {
|
|
|
561
561
|
flex-direction: column;
|
|
562
562
|
overflow-x: scroll;
|
|
563
563
|
border-radius: 6px;
|
|
564
|
-
flex:1 1 0%;
|
|
565
|
-
|
|
564
|
+
flex: 1 1 0%;
|
|
566
565
|
}
|
|
567
566
|
.inbox-search-container {
|
|
568
567
|
.result {
|
|
@@ -723,7 +722,7 @@ input[type="number"] {
|
|
|
723
722
|
width: 100%;
|
|
724
723
|
flex: 1;
|
|
725
724
|
min-width: 0;
|
|
726
|
-
margin-bottom:
|
|
725
|
+
margin-bottom: 68px;
|
|
727
726
|
}
|
|
728
727
|
|
|
729
728
|
.employee-app-wrapper {
|