Added examples, updated docs for image gallery api endpoints

[bookstack] / resources / sass / _forms.scss

diff --git a/resources/sass/_forms.scss b/resources/sass/_forms.scss
index 7d92d0aa0953104d93c0ea4bd61712136ec44853..b7fc52f7dbdc38793505469653c61293359bdbf8 100644 (file)
--- a/resources/sass/_forms.scss
+++ b/resources/sass/_forms.scss
@@ -60,10 +60,6 @@
       outline: 0;
     }
   }
-  .markdown-display, .markdown-editor-wrap {
-    flex: 1;
-    position: relative;
-  }
   &.fullscreen {
     position: fixed;
     top: 0;
@@ -74,18 +70,22 @@
 }
 
 .markdown-editor-wrap {
-  display: flex;
-  flex-direction: column;
   border-top: 1px solid #DDD;
   border-bottom: 1px solid #DDD;
   @include lightDark(border-color, #ddd, #000);
-  width: 50%;
-  max-width: 50%;
+  position: relative;
+  flex: 1;
 }
-
 .markdown-editor-wrap + .markdown-editor-wrap {
-  border-inline-start: 1px solid;
-  @include lightDark(border-color, #ddd, #000);
+  flex-basis: 50%;
+  flex-shrink: 0;
+  flex-grow: 0;
+}
+
+.markdown-panel-divider {
+  width: 2px;
+  @include lightDark(background-color, #ddd, #000);
+  cursor: col-resize;
 }
 
 @include smaller-than($m) {
@@ -96,12 +96,7 @@
     width: 100%;
     max-width: 100%;
     flex-grow: 1;
-  }
-  #markdown-editor .editor-toolbar {
-    padding: 0;
-  }
-  #markdown-editor .editor-toolbar > * {
-    padding: $-xs $-s;
+    flex-basis: auto !important;
   }
   .editor-toolbar-label {
     float: none !important;
@@ -263,7 +258,6 @@ input[type=color] {
     border-radius: 2px;
     display: inline-block;
     border: 2px solid currentColor;
-    opacity: 0.6;
     overflow: hidden;
     fill: currentColor;
     .svg-icon {