studiokit-scaffolding-js 7.0.14-alpha.1.5 → 7.0.14-alpha.1.7
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.
|
@@ -92,7 +92,7 @@ var RoleCell = function (_a) {
|
|
|
92
92
|
removeUserRole(userRole);
|
|
93
93
|
}, disabled: isUpdating || isRemoving },
|
|
94
94
|
react_1.default.createElement(Delete_1.default, { color: "error" }))) : isUserRoleExternal ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "auto", trigger: ['hover', 'focus'], overlay: isExternalPopover },
|
|
95
|
-
react_1.default.createElement(IconExternalUser_1.IconExternalUser, { tabIndex: 0, style: { margin: '12px',
|
|
95
|
+
react_1.default.createElement(IconExternalUser_1.IconExternalUser, { tabIndex: 0, style: { margin: '12px', fill: '#949494' }, className: "external-icon", titleAccess: "External Role" }))) : (
|
|
96
96
|
// dummy spacer to keep items aligned
|
|
97
97
|
react_1.default.createElement("span", { style: {
|
|
98
98
|
margin: '12px',
|
|
@@ -369,6 +369,7 @@ button.close > span {
|
|
|
369
369
|
|
|
370
370
|
.MuiToggleButton-root {
|
|
371
371
|
color: var(--color-primary);
|
|
372
|
+
border-color: var(--color-medium-dark-grey);
|
|
372
373
|
|
|
373
374
|
&.Mui-selected {
|
|
374
375
|
background-color: var(--color-primary);
|
|
@@ -383,3 +384,7 @@ button.close > span {
|
|
|
383
384
|
}
|
|
384
385
|
}
|
|
385
386
|
}
|
|
387
|
+
|
|
388
|
+
.MuiSwitch-switchBase.Mui-focusVisible .MuiIconButton-label {
|
|
389
|
+
border-radius: 20px;
|
|
390
|
+
}
|
|
@@ -6,8 +6,7 @@
|
|
|
6
6
|
font-size: 1rem;
|
|
7
7
|
padding: 0.5rem;
|
|
8
8
|
line-height: 1.5;
|
|
9
|
-
border-color: var(--color-
|
|
10
|
-
border-bottom-color: var(--color-medium-dark-grey);
|
|
9
|
+
border-color: var(--color-medium-dark-grey);
|
|
11
10
|
box-shadow: none;
|
|
12
11
|
}
|
|
13
12
|
|
|
@@ -58,7 +57,7 @@ select.form-control {
|
|
|
58
57
|
& input,
|
|
59
58
|
& textarea {
|
|
60
59
|
background-color: var(--color-white);
|
|
61
|
-
border: 1px solid var(--color-
|
|
60
|
+
border: 1px solid var(--color-medium-dark-grey);
|
|
62
61
|
padding: 0.5rem;
|
|
63
62
|
border-radius: 0.25rem;
|
|
64
63
|
height: auto;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
min-height: calc(var(--quill-min-height) + var(--quill-toolbars-height));
|
|
19
19
|
max-height: calc(var(--quill-max-height) + var(--quill-toolbars-height));
|
|
20
20
|
position: relative;
|
|
21
|
-
border: 1px solid var(--color-
|
|
21
|
+
border: 1px solid var(--color-medium-dark-grey);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.quill-loader-inner {
|
|
@@ -44,6 +44,10 @@
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
+
.ql-toolbar.ql-snow {
|
|
48
|
+
border-color: var(--color-medium-dark-grey);
|
|
49
|
+
}
|
|
50
|
+
|
|
47
51
|
/* Expandable toolbar */
|
|
48
52
|
|
|
49
53
|
.more-options {
|
|
@@ -52,12 +56,12 @@
|
|
|
52
56
|
height: 30px !important;
|
|
53
57
|
|
|
54
58
|
&.expanded {
|
|
55
|
-
background: var(--color-
|
|
59
|
+
background: var(--color-medium-dark-grey) !important;
|
|
56
60
|
}
|
|
57
61
|
}
|
|
58
62
|
|
|
59
63
|
.more-options-toolbar {
|
|
60
|
-
border-top: 0 solid var(--color-
|
|
64
|
+
border-top: 0 solid var(--color-medium-dark-grey);
|
|
61
65
|
margin: 0;
|
|
62
66
|
padding: 0;
|
|
63
67
|
height: 0;
|
|
@@ -69,7 +73,7 @@
|
|
|
69
73
|
}
|
|
70
74
|
|
|
71
75
|
&.expanded {
|
|
72
|
-
border-top: 1px solid var(--color-
|
|
76
|
+
border-top: 1px solid var(--color-medium-dark-grey);
|
|
73
77
|
margin: 0.6rem -0.6rem 0;
|
|
74
78
|
padding: 0.6rem 0.6rem 0;
|
|
75
79
|
height: 36px;
|
|
@@ -71,24 +71,19 @@ th,
|
|
|
71
71
|
padding: 0 !important;
|
|
72
72
|
text-align: left;
|
|
73
73
|
background: white;
|
|
74
|
-
border: 1px solid var(--color-light-grey);
|
|
75
|
-
border-bottom-color: var(--color-medium-dark-grey);
|
|
76
|
-
border-radius: 3px;
|
|
77
74
|
width: 100%;
|
|
75
|
+
position: relative;
|
|
78
76
|
|
|
79
77
|
& .MuiSvgIcon-root {
|
|
80
78
|
margin-top: 0.55rem;
|
|
79
|
+
position: absolute;
|
|
80
|
+
left: 0;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
& .table-search-input {
|
|
84
84
|
text-align: left;
|
|
85
|
-
outline: none !important;
|
|
86
|
-
border: none !important;
|
|
87
85
|
width: 100%;
|
|
88
|
-
|
|
89
|
-
&:focus {
|
|
90
|
-
border-width: 1px !important;
|
|
91
|
-
}
|
|
86
|
+
padding-left: 1.5rem !important;
|
|
92
87
|
}
|
|
93
88
|
|
|
94
89
|
& input[type=search] {
|
|
@@ -118,8 +113,7 @@ th,
|
|
|
118
113
|
}
|
|
119
114
|
|
|
120
115
|
& .rt-thead.-filters .form-control {
|
|
121
|
-
border-color: var(--color-
|
|
122
|
-
border-bottom-color: var(--color-medium-dark-grey);
|
|
116
|
+
border-color: var(--color-medium-dark-grey);
|
|
123
117
|
|
|
124
118
|
&:focus {
|
|
125
119
|
border-color: var(--color-focus-border);
|
package/lib/css/utils/_focus.css
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
body :focus-visible,
|
|
3
3
|
body button:focus-visible,
|
|
4
4
|
body [type="button"]:focus-visible,
|
|
5
|
-
body .btn-primary:focus-visible
|
|
6
|
-
|
|
5
|
+
body .btn-primary:focus-visible,
|
|
6
|
+
.MuiSwitch-switchBase.Mui-focusVisible .MuiIconButton-label {
|
|
7
|
+
outline: 0.2rem solid var(--color-focus-border);
|
|
7
8
|
outline-offset: 0;
|
|
8
9
|
}
|
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.7",
|
|
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",
|