Skip to content

Commit 3444d31

Browse files
authored
refactor: cleanup scroller Lumo CSS covered by base styles (#10062)
1 parent c3c4caa commit 3444d31

File tree

1 file changed

+1
-20
lines changed

1 file changed

+1
-20
lines changed

packages/vaadin-lumo-styles/src/components/scroller.css

Lines changed: 1 addition & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -5,36 +5,17 @@
55
*/
66
@media lumo_components_scroller {
77
:host {
8-
outline: none;
98
--_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
109
--_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
1110
}
1211

1312
:host([focus-ring]) {
13+
outline: none;
1414
box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
1515
}
1616

17-
/* Show dividers when content overflows */
18-
1917
:host([theme~='overflow-indicators'])::before,
2018
:host([theme~='overflow-indicators'])::after {
21-
content: '';
22-
display: none;
23-
position: sticky;
24-
inset: 0;
25-
z-index: 9999;
26-
height: 1px;
27-
margin-bottom: -1px;
2819
background: var(--lumo-contrast-10pct);
2920
}
30-
31-
:host([theme~='overflow-indicators'])::after {
32-
margin-bottom: 0;
33-
margin-top: -1px;
34-
}
35-
36-
:host([theme~='overflow-indicators'][overflow~='top'])::before,
37-
:host([theme~='overflow-indicators'][overflow~='bottom'])::after {
38-
display: block;
39-
}
4021
}

0 commit comments

Comments
 (0)