Skip to content

Commit 7c9e931

Browse files
crisbetommalerba
authored andcommittedAug 13, 2018
fix: horizontal scrollbar always visible on Windows in code samples (#500)
Fixes the code sample tabs always showing a horizontal scrollbar for Windows users.
1 parent 73e67b9 commit 7c9e931

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed
 

‎material.angular.io/src/app/shared/example-viewer/_example-viewer-theme.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,14 @@
77

88
example-viewer {
99
.docs-example-viewer-wrapper {
10-
border: 1px solid rgba(mat-color($foreground, secondary-text), .03);
11-
box-shadow: 0 2px 2px rgba(0,0,0,0.24), 0 0 2px rgba(0,0,0,0.12);
10+
border: 1px solid rgba(mat-color($foreground, secondary-text), 0.03);
11+
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.12);
1212
margin: 4px;
1313
}
1414

1515
.docs-example-viewer-title {
1616
color: mat-color($foreground, secondary-text);
17-
background: rgba(mat-color($foreground, secondary-text), .03);
17+
background: rgba(mat-color($foreground, secondary-text), 0.03);
1818
}
1919

2020
.docs-example-source-copy {
@@ -29,7 +29,7 @@
2929

3030
.docs-example-source {
3131
border-bottom: 1px solid mat-color($foreground, divider);
32-
overflow-x: scroll;
32+
overflow: auto;
3333
}
3434
}
3535
}

0 commit comments

Comments
 (0)
Please sign in to comment.