X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/5b64358ef1214bf7db6924f76b83f1b8fc088a43..refs/pull/494/head:/resources/assets/sass/_components.scss

diff --git a/resources/assets/sass/_components.scss b/resources/assets/sass/_components.scss
index 544001261..525b4f8f1 100644
--- a/resources/assets/sass/_components.scss
+++ b/resources/assets/sass/_components.scss
@@ -1,4 +1,65 @@
-.overlay {
+// System wide notifications
+[notification] {
+  position: fixed;
+  top: 0;
+  right: 0;
+  margin: $-xl*2 $-xl;
+  padding: $-l $-xl;
+  background-color: #EEE;
+  border-radius: 3px;
+  box-shadow: $bs-med;
+  z-index: 999999;
+  display: block;
+  cursor: pointer;
+  max-width: 480px;
+  transition: transform ease-in-out 360ms;
+  transform: translate3d(580px, 0, 0);
+  i, span {
+    display: table-cell;
+  }
+  i {
+    font-size: 2em;
+    padding-right: $-l;
+  }
+  span {
+    vertical-align: middle;
+  }
+  &.pos {
+    background-color: $positive;
+    color: #EEE;
+  }
+  &.neg {
+    background-color: $negative;
+    color: #EEE;
+  }
+  &.warning {
+    background-color: $secondary;
+    color: #EEE;
+  }
+  &.showing {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+[chapter-toggle] {
+  cursor: pointer;
+  margin: 0;
+  transition: all ease-in-out 180ms;
+  user-select: none;
+  i.zmdi-caret-right {
+    transition: all ease-in-out 180ms;
+    transform: rotate(0deg);
+    transform-origin: 25% 50%;
+  }
+  &.open {
+    //margin-bottom: 0;
+  }
+  &.open i.zmdi-caret-right {
+    transform: rotate(90deg);
+  }
+}
+
+[overlay] {
   background-color: rgba(0, 0, 0, 0.333);
   position: fixed;
   z-index: 95536;
@@ -16,6 +77,10 @@
   display: none;
 }
 
+.popup-body-wrap {
+  display: flex;
+}
+
 .popup-body {
   background-color: #FFF;
   max-height: 90%;
@@ -50,22 +115,28 @@
 }
 
 .popup-header, .popup-footer {
-  display: block;
+  display: block !important;
   position: relative;
   height: 40px;
+  flex: none !important;
   .popup-title {
     color: #FFF;
     padding: 8px $-m;
   }
 }
+body.flexbox-support #entity-selector-wrap .popup-body .form-group {
+  height: 444px;
+  min-height: 444px;
+}
 #entity-selector-wrap .popup-body .form-group {
   margin: 0;
 }
+
 .image-manager-body {
-  min-height: 60vh;
+  min-height: 70vh;
 }
 
-#image-manager .dropzone-container {
+.dropzone-container {
   position: relative;
   border: 3px dashed #DDD;
 }
@@ -439,3 +510,34 @@
   border-right: 6px solid transparent;
   border-bottom: 6px solid $negative;
 }
+
+
+.tab-container .nav-tabs {
+  text-align: left;
+  border-bottom: 1px solid #DDD;
+  margin-bottom: $-m;
+  .tab-item {
+    padding: $-s;
+    color: #666;
+    &.selected {
+      border-bottom-width: 3px;
+    }
+  }
+}
+
+.image-picker .none {
+  display: none;
+}
+
+#code-editor .CodeMirror {
+  height: 400px;
+}
+
+#code-editor .lang-options {
+  max-width: 400px;
+  margin-bottom: $-s;
+  a {
+    margin-right: $-xs;
+    text-decoration: underline;
+  }
+}
\ No newline at end of file