Update picture viewer.

[wolnelektury.git] / apps / wolnelektury_core / static / scss / book_text / body.scss

diff --git a/apps/wolnelektury_core/static/scss/book_text/body.scss b/apps/wolnelektury_core/static/scss/book_text/body.scss
index 2454f0c..2f1710d 100644 (file)
--- a/apps/wolnelektury_core/static/scss/book_text/body.scss
+++ b/apps/wolnelektury_core/static/scss/book_text/body.scss
@@ -6,6 +6,7 @@
     display: flex;
     flex-direction: row;
     justify-content: left;
+    position: relative;
     @include min-screen($W_BOOK_TEXT_MAX) {
         justify-content: center;
     }
@@ -21,6 +22,30 @@
     }
 }
 
+#picture-viewer #big-pane {
+    @include size(margin-left, $W_NONUMBERS_TINY);
+
+    @include min-screen($S_NONUMBERS_TINY_MAX) {
+        @include size(margin-left, $W_NONUMBERS);
+    }
+
+    @include min-screen($S_NUMBERS) {
+        @include size(margin-left, 44px);
+    }
+}
+
+@include min-screen($S_MENU) {
+    #picture-viewer #big-pane {
+        @include size(margin-left, $W_MENU);
+    }
+    .menu-hidden {
+        #big-pane {
+            margin-left: 44px;
+        }
+    }
+}
+
+
 
 
 /*