[IMP] doc: have ws page take whole page width
Doc pages used container() which is width-limited, works acceptably for single-column content but WS page takes 2 columns with code, having as much space as possible is a much better idea. Mayhaps it should even use lg-column(2) instead of md-column(3)?
This commit is contained in:
parent
a8f261b49c
commit
a4d2f04564
|
@ -5902,8 +5902,10 @@ button.close {
|
||||||
.panel-body:after,
|
.panel-body:after,
|
||||||
.modal-footer:before,
|
.modal-footer:before,
|
||||||
.modal-footer:after,
|
.modal-footer:after,
|
||||||
.document-super:before,
|
.document-super:not(.stripe):before,
|
||||||
.document-super:after,
|
.document-super:not(.stripe):after,
|
||||||
|
.document-super.stripe:before,
|
||||||
|
.document-super.stripe:after,
|
||||||
.document:before,
|
.document:before,
|
||||||
.document:after {
|
.document:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
|
@ -5924,7 +5926,8 @@ button.close {
|
||||||
.pager:after,
|
.pager:after,
|
||||||
.panel-body:after,
|
.panel-body:after,
|
||||||
.modal-footer:after,
|
.modal-footer:after,
|
||||||
.document-super:after,
|
.document-super:not(.stripe):after,
|
||||||
|
.document-super.stripe:after,
|
||||||
.document:after {
|
.document:after {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
@ -6181,35 +6184,53 @@ body {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.document-super {
|
.document-super:not(.stripe) {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.document-super {
|
.document-super:not(.stripe) {
|
||||||
width: 750px;
|
width: 750px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.document-super {
|
.document-super:not(.stripe) {
|
||||||
width: 970px;
|
width: 970px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.document-super {
|
.document-super:not(.stripe) {
|
||||||
width: 1170px;
|
width: 1170px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.document-super > .navbar-header,
|
.document-super:not(.stripe) > .navbar-header,
|
||||||
.document-super > .navbar-collapse {
|
.document-super:not(.stripe) > .navbar-collapse {
|
||||||
margin-right: -15px;
|
margin-right: -15px;
|
||||||
margin-left: -15px;
|
margin-left: -15px;
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.document-super > .navbar-header,
|
.document-super:not(.stripe) > .navbar-header,
|
||||||
.document-super > .navbar-collapse {
|
.document-super:not(.stripe) > .navbar-collapse {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.document-super.stripe {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
.document-super.stripe > .navbar-header,
|
||||||
|
.document-super.stripe > .navbar-collapse {
|
||||||
|
margin-right: -15px;
|
||||||
|
margin-left: -15px;
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.document-super.stripe > .navbar-header,
|
||||||
|
.document-super.stripe > .navbar-collapse {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -25,9 +25,12 @@ body {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.document-super {
|
.document-super:not(.stripe) {
|
||||||
.container();
|
.container();
|
||||||
}
|
}
|
||||||
|
.document-super.stripe {
|
||||||
|
.container-fluid();
|
||||||
|
}
|
||||||
|
|
||||||
.document {
|
.document {
|
||||||
.make-row();
|
.make-row();
|
||||||
|
|
Loading…
Reference in New Issue