RESOLVED #47: Align pages with 2 columns layout with menu frame

jon48 · Sep 3, 2022 · 4a4f8f6 · 4a4f8f6
1 parent c26c104
commit 4a4f8f6
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/src/sass/rural/_pages-blocks.scss b/src/sass/rural/_pages-blocks.scss
@@ -21,13 +21,26 @@
  * along with webtrees-MyArtJaub. If not, see <https://www.gnu.org/licenses/>.
  */
 
+
 @mixin maj-block-large {
     background-image: url('block_bg.png');
     background-repeat: repeat-y;
     padding-left: 46px;
     padding-top: 0;
 }
 
+.wt-main-blocks {
+    @extend .px-0;
+
+    @include media-breakpoint-up(md) {
+        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
+    }
+}
+
+.wt-side-blocks {
+    @extend .px-0;
+}
+
 .wt-block {
     background-color: transparent;
     background-image: url('block_small_bg.png');

diff --git a/src/sass/rural/_pages.scss b/src/sass/rural/_pages.scss
@@ -30,6 +30,24 @@
  * The individual page.
  *
  */
+
+.wt-route-IndividualPage .wt-main-container > .row {
+    .col-sm-8 {
+        @extend .px-0;
+
+        @include media-breakpoint-up(sm) {
+            padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
+        }
+    }
+
+    .col-sm-4 {
+        @extend .px-0;
+
+        @include media-breakpoint-down(sm) {
+            margin-top: 1rem;
+        }
+    }
+}
 
 .img-thumbnail {
     text-align: center;