Add footer element, styles, and associated settings

[bookstack] / resources / sass / _components.scss

diff --git a/resources/sass/_components.scss b/resources/sass/_components.scss
index 0172956a76ee48c79ea0b69499e97180b6d16859..6ef53b7193d60825627fc194765d73eabb5e5499 100644 (file)
--- a/resources/sass/_components.scss
+++ b/resources/sass/_components.scss
@@ -15,7 +15,7 @@
   transition: transform ease-in-out 280ms;
   transform: translateX(580px);
   display: grid;
   transition: transform ease-in-out 280ms;
   transform: translateX(580px);
   display: grid;

-  grid-template-columns: 42px 1fr;
+  grid-template-columns: 42px 1fr 12px;

   color: #444;
   font-weight: 700;
   span, svg {
   color: #444;
   font-weight: 700;
   span, svg {


@@ -29,6 +29,13 @@
     padding-right: $-s;
     fill: currentColor;
   }
     padding-right: $-s;
     fill: currentColor;
   }

+  .dismiss {
+    margin-top: -8px;
+    svg {
+      height: 1.0rem;
+      color: #444;
+    }
+  }

   span {
     vertical-align: middle;
     line-height: 1.3;
   span {
     vertical-align: middle;
     line-height: 1.3;


@@ -94,9 +101,10 @@
 .popup-body {
   background-color: #FFF;
   max-height: 90%;
 .popup-body {
   background-color: #FFF;
   max-height: 90%;

-  width: 1200px;
+  max-width: 1200px;
+  width: 90%;

   height: auto;
   height: auto;

-  margin: 2% 5%;
+  margin: 2% auto;

   border-radius: 4px;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
   overflow: hidden;
   border-radius: 4px;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
   overflow: hidden;


@@ -602,7 +610,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
 }
 
 #code-editor .lang-options {
 }
 
 #code-editor .lang-options {

-  max-width: 400px;
+  max-width: 480px;

   margin-bottom: $-s;
   a {
     margin-right: $-xs;
   margin-bottom: $-s;
   a {
     margin-right: $-xs;