github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #21110 from overleaf/jel-cms-containers

Browse source 
[web] Remove extra horizontal padding on CMS pages

GitOrigin-RevId: 8f6a768ab8f3a4206ad14045cd75ed33aa335dd4
This commit is contained in:
M Fahru 2024-10-16 11:00:09 -07:00 committed by Copybot
parent 2f762838e7
commit 0e41f8cf4c
2 changed files with 53 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
View file

@ -78,10 +78,61 @@
font-size: 14px; font-size: 14px;
} }
section {
padding: var(--spacing-16) 0 0 0;
&.no-top-padding {
/* opt out of padding via the CMS */
padding-top: 0;
}
// TODO: confirm if we will still support this and if so what colors to use
// &.color-block {
// &.green-dark {
// background-color: @ol-dark-green;
// }
// &.green {
// background-color: @ol-green;
// .no-card * {
// .btn-primary,
// .btn-success {
// // only correct button colors when green on green
// .btn-primary-on-primary-bg;
// }
// }
// }
// &.blue-gray-dark {
// background-color: @ol-blue-gray-5;
// }
// &.blue-gray-light {
// background-color: @ol-blue-gray-1;
// }
// &.green,
// &.green-dark,
// &.blue-gray-dark {
// .no-card * {
// &:not(.btn) {
// color: @white;
// }
// a {
// text-decoration: underline;
// }
// .btn {
// text-decoration: none;
// }
// .form-control {
// color: @input-color;
// }
// }
// }
// }
}
.section-row { .section-row {
@extend .container; @extend .container;
margin: 0 auto;
} }
padding-bottom: 0; padding-bottom: 0;

60
services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
View file

@ -29,66 +29,6 @@
border-color: var(--neutral-30); border-color: var(--neutral-30);
} }
/*
section
*/
section {
padding: var(--spacing-16) var(--spacing-05) 0 var(--spacing-05);
// TODO: confirm if we will still support this and if so what colors to use
// &.color-block {
// &.green-dark {
// background-color: @ol-dark-green;
// }
// &.green {
// background-color: @ol-green;
// .no-card * {
// .btn-primary,
// .btn-success {
// // only correct button colors when green on green
// .btn-primary-on-primary-bg;
// }
// }
// }
// &.blue-gray-dark {
// background-color: @ol-blue-gray-5;
// }
// &.blue-gray-light {
// background-color: @ol-blue-gray-1;
// }
// &.green,
// &.green-dark,
// &.blue-gray-dark {
// .no-card * {
// &:not(.btn) {
// color: @white;
// }
// a {
// text-decoration: underline;
// }
// .btn {
// text-decoration: none;
// }
// .form-control {
// color: @input-color;
// }
// }
// }
// }
.section-row {
@extend .container;
}
}
section.no-top-padding {
/* opt out of padding via the CMS */
padding-top: 0;
}
// TODO: only used on about page. Confirm with UX changes needed // TODO: only used on about page. Confirm with UX changes needed
// .container-small { // .container-small {
// section .section-row { // section .section-row {