imhven
/
abp
mirror of https://github.com/abpframework/abp
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Docs overflow with big strings break style

Browse Source 
Adding overflow-x scroll to maintain the page style
pull/646/head
Marcelo Mohr Maciel 6 years ago
parent 1ebbf78810
commit b67ed769fd
3 changed files with 49 additions and 45 deletions
Show Stats Download Patch File Download Diff File

90
modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
Unescape View File

@ -154,50 +154,52 @@
font-size: .85em; }
.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc strong {
display: block; }
.docs-page .docs-content .docs-link-btns {
border-bottom: 1px solid #f4f5f7;
background: #fdfdfd;
padding: 10px 20px;
margin: 0 -15px;
text-align: right;
font-size: .8em; }
.docs-page .docs-content .docs-link-btns a {
color: #999; }
.docs-page .docs-content .docs-link-btns a:hover {
color: #444;
text-decoration: none; }
.docs-page .docs-content .docs-text-field {
padding: 2rem; }
.docs-page .docs-content article.docs-body h1 {
padding-top: 2rem;
font-size: 2.25rem;
padding-bottom: 10px; }
.docs-page .docs-content article.docs-body h2 {
padding-top: 2rem;
padding-bottom: 10px;
font-size: 2rem; }
.docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
padding-top: 20px;
padding-bottom: 5px;
font-size: 1.5rem; }
.docs-page .docs-content article.docs-body h1, .docs-page .docs-content article.docs-body h2, .docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
position: relative; }
.docs-page .docs-content article.docs-body h1 .anchor, .docs-page .docs-content article.docs-body h2 .anchor, .docs-page .docs-content article.docs-body h3 .anchor, .docs-page .docs-content article.docs-body h4 .anchor, .docs-page .docs-content article.docs-body h5 .anchor, .docs-page .docs-content article.docs-body h6 .anchor {
position: absolute;
right: -26px;
font-size: 18px;
bottom: 5px;
color: #999;
opacity: 0;
transition: .5s; }
.docs-page .docs-content article.docs-body h1:hover .anchor, .docs-page .docs-content article.docs-body h2:hover .anchor, .docs-page .docs-content article.docs-body h3:hover .anchor, .docs-page .docs-content article.docs-body h4:hover .anchor, .docs-page .docs-content article.docs-body h5:hover .anchor, .docs-page .docs-content article.docs-body h6:hover .anchor {
opacity: 1; }
.docs-page .docs-content article.docs-body img {
max-width: 100%;
border: 1px solid #f4f5f7;
margin: 15px 0 25px;
box-shadow: 0 0 45px #f8f9fa;
border-radius: 6px; }
.docs-page .docs-content {
overflow-x: scroll; }
.docs-page .docs-content .docs-link-btns {
border-bottom: 1px solid #f4f5f7;
background: #fdfdfd;
padding: 10px 20px;
margin: 0 -15px;
text-align: right;
font-size: .8em; }
.docs-page .docs-content .docs-link-btns a {
color: #999; }
.docs-page .docs-content .docs-link-btns a:hover {
color: #444;
text-decoration: none; }
.docs-page .docs-content .docs-text-field {
padding: 2rem; }
.docs-page .docs-content article.docs-body h1 {
padding-top: 2rem;
font-size: 2.25rem;
padding-bottom: 10px; }
.docs-page .docs-content article.docs-body h2 {
padding-top: 2rem;
padding-bottom: 10px;
font-size: 2rem; }
.docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
padding-top: 20px;
padding-bottom: 5px;
font-size: 1.5rem; }
.docs-page .docs-content article.docs-body h1, .docs-page .docs-content article.docs-body h2, .docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
position: relative; }
.docs-page .docs-content article.docs-body h1 .anchor, .docs-page .docs-content article.docs-body h2 .anchor, .docs-page .docs-content article.docs-body h3 .anchor, .docs-page .docs-content article.docs-body h4 .anchor, .docs-page .docs-content article.docs-body h5 .anchor, .docs-page .docs-content article.docs-body h6 .anchor {
position: absolute;
right: -26px;
font-size: 18px;
bottom: 5px;
color: #999;
opacity: 0;
transition: .5s; }
.docs-page .docs-content article.docs-body h1:hover .anchor, .docs-page .docs-content article.docs-body h2:hover .anchor, .docs-page .docs-content article.docs-body h3:hover .anchor, .docs-page .docs-content article.docs-body h4:hover .anchor, .docs-page .docs-content article.docs-body h5:hover .anchor, .docs-page .docs-content article.docs-body h6:hover .anchor {
opacity: 1; }
.docs-page .docs-content article.docs-body img {
max-width: 100%;
border: 1px solid #f4f5f7;
margin: 15px 0 25px;
box-shadow: 0 0 45px #f8f9fa;
border-radius: 6px; }
.docs-page .docs-page-index {
min-height: 100vh; }
.docs-page .docs-page-index #scroll-index {

2
modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
Unescape View File

@ -259,6 +259,8 @@ body {
}
.docs-content {
overflow-x:scroll;
.docs-link-btns {
border-bottom: 1px solid #f4f5f7;
background: #fdfdfd;

Write Preview
Loading…
Cancel
Save