@brightspace-ui/core 3.253.0 → 3.253.2
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.
|
@@ -68,9 +68,14 @@ export const dialogStyles = css`
|
|
|
68
68
|
color: var(--d2l-theme-text-color-static-standard);
|
|
69
69
|
margin-bottom: 0; /* required to override Chrome native positioning */
|
|
70
70
|
margin-top: 0; /* required to override Chrome native positioning */
|
|
71
|
+
overflow: hidden; /* override UA dialog:modal overflow: auto which causes an unexpected scrollbar from sub-pixel rounding */
|
|
71
72
|
padding: 0;
|
|
72
73
|
}
|
|
73
74
|
|
|
75
|
+
dialog.d2l-dialog-outer.d2l-dialog-outer-full-height {
|
|
76
|
+
height: auto; /* override UA dialog height: fix-content */
|
|
77
|
+
}
|
|
78
|
+
|
|
74
79
|
dialog::backdrop {
|
|
75
80
|
/* fallback is for old browsers (see https://caniuse.com/mdn-css_selectors_backdrop_inherit_from_originating_element) */
|
|
76
81
|
background-color: var(--d2l-theme-backdrop-background-color, #f9fbff);
|
|
@@ -12,10 +12,7 @@ let focusStyleSheet;
|
|
|
12
12
|
function getFocusStyleSheet() {
|
|
13
13
|
if (!focusStyleSheet) {
|
|
14
14
|
focusStyleSheet = new CSSStyleSheet();
|
|
15
|
-
focusStyleSheet.replaceSync(getFocusRingStyles(
|
|
16
|
-
'.d2l-scroll-wrapper-focus',
|
|
17
|
-
{ extraStyles: css`box-shadow: 0 0 0 2px #ffffff, 0 2px 12px 0 rgba(0, 0, 0, 0.15);` }
|
|
18
|
-
));
|
|
15
|
+
focusStyleSheet.replaceSync(getFocusRingStyles('.d2l-scroll-wrapper-focus'));
|
|
19
16
|
}
|
|
20
17
|
return focusStyleSheet;
|
|
21
18
|
}
|
|
@@ -97,7 +94,7 @@ class ScrollWrapper extends LocalizeCoreElement(LitElement) {
|
|
|
97
94
|
overflow-y: var(--d2l-scroll-wrapper-overflow-y, visible);
|
|
98
95
|
}
|
|
99
96
|
:host([h-scrollbar]) .d2l-scroll-wrapper-container {
|
|
100
|
-
border-inline: 1px dashed var(--d2l-color-
|
|
97
|
+
border-inline: 1px dashed var(--d2l-theme-border-color-standard);
|
|
101
98
|
}
|
|
102
99
|
:host([h-scrollbar][hide-actions]) .d2l-scroll-wrapper-container {
|
|
103
100
|
border-inline: none;
|
|
@@ -124,10 +121,10 @@ class ScrollWrapper extends LocalizeCoreElement(LitElement) {
|
|
|
124
121
|
}
|
|
125
122
|
|
|
126
123
|
.d2l-scroll-wrapper-button {
|
|
127
|
-
background-color: var(--d2l-color-
|
|
128
|
-
border: 1px solid var(--d2l-color-
|
|
124
|
+
background-color: var(--d2l-theme-background-color-interactive-faint-default);
|
|
125
|
+
border: 1px solid var(--d2l-theme-border-color-standard);
|
|
129
126
|
border-radius: 50%;
|
|
130
|
-
box-shadow:
|
|
127
|
+
box-shadow: var(--d2l-theme-shadow-floating);
|
|
131
128
|
cursor: pointer;
|
|
132
129
|
display: inline-block;
|
|
133
130
|
height: 18px;
|
|
@@ -138,7 +135,7 @@ class ScrollWrapper extends LocalizeCoreElement(LitElement) {
|
|
|
138
135
|
width: 18px;
|
|
139
136
|
}
|
|
140
137
|
.d2l-scroll-wrapper-button:hover {
|
|
141
|
-
background-color: var(--d2l-color-
|
|
138
|
+
background-color: var(--d2l-theme-background-color-interactive-faint-hover);
|
|
142
139
|
}
|
|
143
140
|
:host([scrollbar-right]) .d2l-scroll-wrapper-button-right {
|
|
144
141
|
display: none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.253.
|
|
3
|
+
"version": "3.253.2",
|
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|