google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix horizontal scrolling on components page (fixes #475)

master
Alexander Surma 2015-06-29 11:06:07 +01:00
parent d631e81365
commit 23a0dcd259
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/_assets/main.css
View File

@ -668,6 +668,12 @@ body:not(.about) .mdl-navigation__link.download > button {
}
.docs-layout pre[class*=language-markup] {
padding-right: 0;
max-width: 100vw;
box-sizing: border-box;
overflow: hidden;
}
.docs-layout .docs-text-styling pre[class*=language-markup] {
max-width: calc(100vw - 32px);
}
.docs-layout pre[class*=language-markup] code {
padding-right: 50px;
@ -694,11 +700,12 @@ body:not(.about) .mdl-navigation__link.download > button {
background-color: rgba(0,0,0,0.06);
border-radius: 3px;
font-size: 85%;
white-space: pre-wrap;
}
.docs-layout pre {
padding: 16px;
font-size: 87%;
word-wrap: break-word;
box-sizing: border-box;
}
.docs-layout code:before,
.docs-layout code:after {
@ -865,7 +872,6 @@ code[class*=language-], pre[class*=language-] {
.started pre {
width: 640px;
box-sizing: border-box;
word-wrap: break-word;
}
.started .snippet-group {
max-width: 640px;