studiokit-scaffolding-js 7.0.14-alpha.1.4 → 7.0.14-alpha.1.5
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.
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
border-color: var(--color-light-grey);
|
|
10
10
|
border-bottom-color: var(--color-medium-dark-grey);
|
|
11
11
|
box-shadow: none;
|
|
12
|
+
}
|
|
12
13
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
14
|
+
.form-control :focus, .MuiInputBase-input:focus {
|
|
15
|
+
border-color: var(--color-focus-border);
|
|
16
|
+
box-shadow: var(--box-shadow-focus-shadow);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
select.form-control {
|
|
@@ -216,15 +216,15 @@
|
|
|
216
216
|
& .ql-picker-item:hover,
|
|
217
217
|
& .ql-picker-item:focus,
|
|
218
218
|
& .ql-picker-item.ql-selected {
|
|
219
|
-
color: var(--color-
|
|
219
|
+
color: var(--color-primary) !important;
|
|
220
220
|
|
|
221
221
|
& .ql-fill,
|
|
222
222
|
& .ql-stroke.ql-fill {
|
|
223
|
-
fill: var(--color-
|
|
223
|
+
fill: var(--color-primary) !important;
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
& .ql-stroke {
|
|
227
|
-
stroke: var(--color-
|
|
227
|
+
stroke: var(--color-primary) !important;
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
230
|
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
& .ql-picker-label.ql-active,
|
|
236
236
|
& .ql-picker-item:focus,
|
|
237
237
|
& .ql-picker-item.ql-selected {
|
|
238
|
-
outline: 2px solid var(--color-focus-
|
|
238
|
+
outline: 2px solid var(--color-focus-border) !important;
|
|
239
239
|
}
|
|
240
240
|
|
|
241
241
|
/* Disabled overrides */
|
|
@@ -292,7 +292,7 @@
|
|
|
292
292
|
|
|
293
293
|
.quill:focus-within {
|
|
294
294
|
border-color: var(--color-focus-border);
|
|
295
|
-
box-shadow: var(--box-shadow-focus);
|
|
295
|
+
box-shadow: var(--box-shadow-focus-shadow);
|
|
296
296
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
297
297
|
position: relative;
|
|
298
298
|
z-index: 1;
|
|
@@ -303,6 +303,10 @@
|
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
+
.ql-editor:focus-visible {
|
|
307
|
+
outline: none;
|
|
308
|
+
}
|
|
309
|
+
|
|
306
310
|
.error {
|
|
307
311
|
& .quill:focus-within {
|
|
308
312
|
border-color: var(--color-red);
|
|
@@ -71,7 +71,8 @@ th,
|
|
|
71
71
|
padding: 0 !important;
|
|
72
72
|
text-align: left;
|
|
73
73
|
background: white;
|
|
74
|
-
border: 1px solid
|
|
74
|
+
border: 1px solid var(--color-light-grey);
|
|
75
|
+
border-bottom-color: var(--color-medium-dark-grey);
|
|
75
76
|
border-radius: 3px;
|
|
76
77
|
width: 100%;
|
|
77
78
|
|
|
@@ -84,6 +85,10 @@ th,
|
|
|
84
85
|
outline: none !important;
|
|
85
86
|
border: none !important;
|
|
86
87
|
width: 100%;
|
|
88
|
+
|
|
89
|
+
&:focus {
|
|
90
|
+
border-width: 1px !important;
|
|
91
|
+
}
|
|
87
92
|
}
|
|
88
93
|
|
|
89
94
|
& input[type=search] {
|
|
@@ -112,6 +117,15 @@ th,
|
|
|
112
117
|
padding: 0.75rem var(--cell-padding-horiz);
|
|
113
118
|
}
|
|
114
119
|
|
|
120
|
+
& .rt-thead.-filters .form-control {
|
|
121
|
+
border-color: var(--color-light-grey);
|
|
122
|
+
border-bottom-color: var(--color-medium-dark-grey);
|
|
123
|
+
|
|
124
|
+
&:focus {
|
|
125
|
+
border-color: var(--color-focus-border);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
115
129
|
& .rt-td {
|
|
116
130
|
padding: var(--cell-padding-horiz);
|
|
117
131
|
font-size: 1rem;
|
package/lib/css/variables.css
CHANGED
|
@@ -60,10 +60,10 @@
|
|
|
60
60
|
--color-primary: var(--color-blue);
|
|
61
61
|
--color-error: var(--color-red);
|
|
62
62
|
--color-success: var(--color-green);
|
|
63
|
-
|
|
64
|
-
--color-focus-
|
|
65
|
-
--
|
|
66
|
-
--box-shadow-focus: 0 0 0 0.2rem var(--color-focus-
|
|
63
|
+
--color-focus-border: #3590f8;
|
|
64
|
+
--color-focus-shadow: rgb(0 123 255 / 25%); /** from Bootstrap form controls */
|
|
65
|
+
--box-shadow-focus-border: 0 0 0 0.2rem var(--color-focus-border);
|
|
66
|
+
--box-shadow-focus-shadow: 0 0 0 0.2rem var(--color-focus-shadow);
|
|
67
67
|
|
|
68
68
|
/* Border Radius */
|
|
69
69
|
--border-radius: 3px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "studiokit-scaffolding-js",
|
|
3
|
-
"version": "7.0.14-alpha.1.
|
|
3
|
+
"version": "7.0.14-alpha.1.5",
|
|
4
4
|
"description": "Common scaffolding for Studio apps at Purdue",
|
|
5
5
|
"repository": "https://gitlab.com/purdue-informatics/studiokit/studiokit-scaffolding-js",
|
|
6
6
|
"license": "MIT",
|