allaw-ui 3.8.2 → 3.8.3
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.
|
@@ -10,25 +10,40 @@
|
|
|
10
10
|
justify-content: space-between;
|
|
11
11
|
align-items: flex-start;
|
|
12
12
|
flex-shrink: 0;
|
|
13
|
-
border-radius:
|
|
14
|
-
background:
|
|
15
|
-
box-shadow:
|
|
13
|
+
border-radius: 18px;
|
|
14
|
+
background: rgba(255, 255, 255, 0.18);
|
|
15
|
+
box-shadow: 0 2px 8px 0 rgba(37, 190, 235, 0.07), 0 1px 3px 0 rgba(114, 142, 167, 0.04);
|
|
16
16
|
cursor: pointer;
|
|
17
|
-
transition: all 0.
|
|
17
|
+
transition: all 0.18s cubic-bezier(0.4, 0.2, 0.2, 1);
|
|
18
18
|
width: 100%;
|
|
19
|
-
border:
|
|
20
|
-
|
|
19
|
+
border: 1px solid rgba(200, 220, 235, 0.25);
|
|
20
|
+
backdrop-filter: blur(6px) saturate(140%);
|
|
21
|
+
-webkit-backdrop-filter: blur(6px) saturate(140%);
|
|
22
|
+
position: relative;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.case-card-wrapper::before {
|
|
27
|
+
content: "";
|
|
28
|
+
position: absolute;
|
|
29
|
+
inset: 0;
|
|
30
|
+
border-radius: 18px;
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
border: 1px solid rgba(255,255,255,0.10);
|
|
33
|
+
z-index: 1;
|
|
21
34
|
}
|
|
22
35
|
|
|
23
36
|
.case-card-wrapper:hover {
|
|
24
|
-
box-shadow:
|
|
25
|
-
transform: scale(1.01);
|
|
26
|
-
border:
|
|
37
|
+
box-shadow: 0 6px 18px 0 rgba(37, 190, 235, 0.13), 0 2px 8px 0 rgba(114, 142, 167, 0.08);
|
|
38
|
+
transform: scale(1.01) translateY(-2px);
|
|
39
|
+
border: 1.5px solid var(--bleu-allaw, #25beeb);
|
|
40
|
+
background: rgba(255,255,255,0.28);
|
|
27
41
|
}
|
|
28
42
|
|
|
29
43
|
.case-card-wrapper:active {
|
|
30
|
-
transform: scale(1.
|
|
31
|
-
background
|
|
44
|
+
transform: scale(1.01);
|
|
45
|
+
background: rgba(246, 252, 254, 0.45);
|
|
46
|
+
border: 1.5px solid var(--bleu-allaw, #25beeb);
|
|
32
47
|
}
|
|
33
48
|
|
|
34
49
|
.case-card-wrapper.case-card-mobile,
|
|
@@ -44,6 +59,8 @@
|
|
|
44
59
|
align-self: stretch;
|
|
45
60
|
width: calc(100% - 100px);
|
|
46
61
|
overflow: hidden;
|
|
62
|
+
position: relative;
|
|
63
|
+
z-index: 2;
|
|
47
64
|
}
|
|
48
65
|
|
|
49
66
|
.case-card-header {
|
|
@@ -56,12 +73,13 @@
|
|
|
56
73
|
}
|
|
57
74
|
|
|
58
75
|
.case-card-client-name {
|
|
59
|
-
color: var(--
|
|
76
|
+
color: var(--mid-grey, #728ea7);
|
|
60
77
|
font-family: "Open Sans", sans-serif;
|
|
61
78
|
font-size: 12px;
|
|
62
79
|
font-weight: 400;
|
|
63
80
|
line-height: 15px;
|
|
64
81
|
letter-spacing: 0.3px;
|
|
82
|
+
text-shadow: 0 1px 2px rgba(255,255,255,0.5);
|
|
65
83
|
}
|
|
66
84
|
|
|
67
85
|
.case-card-title {
|
|
@@ -69,14 +87,15 @@
|
|
|
69
87
|
overflow: hidden;
|
|
70
88
|
text-overflow: ellipsis;
|
|
71
89
|
white-space: nowrap;
|
|
72
|
-
color: var(--
|
|
90
|
+
color: var(--noir, #171e25);
|
|
73
91
|
font-family: Inter, sans-serif;
|
|
74
|
-
font-size:
|
|
75
|
-
font-weight:
|
|
92
|
+
font-size: 18px;
|
|
93
|
+
font-weight: 700;
|
|
76
94
|
line-height: 1.2;
|
|
77
95
|
letter-spacing: 0.1px;
|
|
78
96
|
padding-top: 4px;
|
|
79
97
|
margin: 0;
|
|
98
|
+
text-shadow: 0 1px 2px rgba(255,255,255,0.4);
|
|
80
99
|
}
|
|
81
100
|
|
|
82
101
|
.case-card-title.closed {
|
|
@@ -91,27 +110,28 @@
|
|
|
91
110
|
height: 100%;
|
|
92
111
|
min-width: 100px;
|
|
93
112
|
flex-shrink: 0;
|
|
113
|
+
position: relative;
|
|
114
|
+
z-index: 2;
|
|
94
115
|
}
|
|
95
116
|
|
|
96
117
|
.case-card-next-appointment-label {
|
|
97
|
-
color: var(--
|
|
118
|
+
color: var(--dark-grey, #456073);
|
|
98
119
|
font-family: "Open Sans", sans-serif;
|
|
99
120
|
font-size: 12px;
|
|
100
121
|
font-weight: 400;
|
|
101
122
|
line-height: normal;
|
|
102
123
|
letter-spacing: 0.12px;
|
|
124
|
+
text-shadow: 0 1px 2px rgba(255,255,255,0.5);
|
|
103
125
|
}
|
|
104
126
|
|
|
105
127
|
.case-card-categories {
|
|
106
128
|
display: flex;
|
|
107
129
|
gap: 8px;
|
|
108
|
-
/* margin-top: 8px; */
|
|
109
130
|
margin-top: 16px;
|
|
110
|
-
/* background-color: red; */
|
|
111
131
|
}
|
|
112
132
|
|
|
113
133
|
.case-card-mobile .case-card-next-appointment-label {
|
|
114
|
-
color: var(--
|
|
134
|
+
color: var(--dark-grey, #456073);
|
|
115
135
|
}
|
|
116
136
|
|
|
117
137
|
.case-card-archived .case-card-next-appointment {
|
|
@@ -119,7 +139,8 @@
|
|
|
119
139
|
}
|
|
120
140
|
|
|
121
141
|
.case-card-progress-bar {
|
|
122
|
-
/* background-color: lightgray; */
|
|
123
142
|
width: 100%;
|
|
124
143
|
margin-left: -10px;
|
|
144
|
+
margin-bottom: 2px;
|
|
145
|
+
z-index: 2;
|
|
125
146
|
}
|