Updated version and assets for release v0.23

BookStackApp · Jul 29, 2018 · 4bdec0d · 4bdec0d
1 parent 6a7d7e7
commit 4bdec0d
Show file tree

Hide file tree

Showing 4 changed files with 98 additions and 52 deletions.
diff --git a/public/dist/app.js b/public/dist/app.js
diff --git a/public/dist/export-styles.css b/public/dist/export-styles.css
@@ -1326,9 +1326,9 @@ div[class^="col-"] img {
     border: 1px solid #E84F4F; }
   .input-base.pos, .pos.fake-input, input.pos[type="text"], input.pos[type="number"], input.pos[type="email"], input.pos[type="date"], input.pos[type="search"], input.pos[type="url"], input.pos[type="password"], select.pos, textarea.pos, .input-base.valid, .valid.fake-input, input.valid[type="text"], input.valid[type="number"], input.valid[type="email"], input.valid[type="date"], input.valid[type="search"], input.valid[type="url"], input.valid[type="password"], select.valid, textarea.valid {
     border: 1px solid #52A256; }
-  .input-base.disabled, .disabled.fake-input, input.disabled[type="text"], input.disabled[type="number"], input.disabled[type="email"], input.disabled[type="date"], input.disabled[type="search"], input.disabled[type="url"], input.disabled[type="password"], select.disabled, textarea.disabled, .input-base[disabled], [disabled].fake-input, input[disabled][type="text"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="date"], input[disabled][type="search"], input[disabled][type="url"], input[disabled][type="password"], select[disabled], textarea[disabled] {
+  .input-base.disabled, .disabled.fake-input, input.disabled[type="text"], input.disabled[type="number"], input.disabled[type="email"], input.disabled[type="date"], input.disabled[type="search"], input.disabled[type="url"], input.disabled[type="password"], select.disabled, textarea.disabled, .input-base[disabled], .fake-input[disabled], input[disabled][type="text"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="date"], input[disabled][type="search"], input[disabled][type="url"], input[disabled][type="password"], select[disabled], textarea[disabled] {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==); }
-  .input-base:focus, .fake-input:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
+  .input-base:focus, .fake-input:focus, input:focus[type="text"], input:focus[type="number"], input:focus[type="email"], input:focus[type="date"], input:focus[type="search"], input:focus[type="url"], input:focus[type="password"], select:focus, textarea:focus {
     outline: 0; }
 
 .fake-input {
@@ -2042,22 +2042,14 @@ ul.pagination {
     padding: 3px 12px;
     border: 1px solid #CCC;
     margin-left: -1px;
-    color: #888;
-    fill: #888;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none; }
     ul.pagination a.disabled, ul.pagination span.disabled {
       cursor: not-allowed; }
   ul.pagination li.active span {
-    background-color: rgba(2, 136, 209, 0.8);
-    color: #EEE;
-    fill: #EEE;
-    border-color: rgba(2, 136, 209, 0.8); }
-  ul.pagination a {
-    color: #0288D1;
-    fill: #0288D1; }
+    color: #FFF; }
 
 .compact ul.pagination {
   margin: 0; }
@@ -2262,6 +2254,8 @@ ul.pagination {
     background: #dbffdb; }
   .page-content del {
     background: #FFECEC; }
+  .page-content.page-revision pre code {
+    white-space: pre-wrap; }
 
 .pointer-container {
   position: relative;
@@ -2278,8 +2272,10 @@ ul.pagination {
   position: absolute;
   top: -60px;
   background-color: #FFF;
-  width: 272px;
+  width: 275px;
   z-index: 55; }
+  .pointer.is-page-editable {
+    width: 328px; }
   .pointer:before {
     position: absolute;
     left: 50%;
@@ -2303,12 +2299,13 @@ ul.pagination {
     color: #666;
     width: 172px;
     z-index: 40; }
-  .pointer input, .pointer button {
+  .pointer input, .pointer button, .pointer a {
     position: relative;
     border-radius: 0;
     height: 28px;
     font-size: 12px;
-    vertical-align: top; }
+    vertical-align: top;
+    padding: 5px 16px; }
   .pointer > i {
     color: #888;
     font-size: 18px;
@@ -2319,10 +2316,17 @@ ul.pagination {
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none; }
-  .pointer .button {
+  .pointer .input-group .button {
     line-height: 1;
     margin: 0 0 0 -4px;
     box-shadow: none; }
+  .pointer a.button {
+    margin: 0 0 0 0; }
+    .pointer a.button:hover {
+      fill: #fff; }
+  .pointer .svg-icon {
+    width: 1.2em;
+    height: 1.2em; }
 
 .floating-toolbox {
   background-color: #FFF;

diff --git a/public/dist/styles.css b/public/dist/styles.css
@@ -1369,13 +1369,13 @@ div[class^="col-"] img {
   text-transform: uppercase;
   border: 1px solid #0288D1;
   vertical-align: top; }
-  .button-base:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover {
+  .button-base:hover, .button:hover, input:hover[type="button"], input:hover[type="submit"] {
     background-color: #02a2f9;
     text-decoration: none;
     color: #EEE; }
-  .button-base:active, .button:active, input[type="button"]:active, input[type="submit"]:active {
+  .button-base:active, .button:active, input:active[type="button"], input:active[type="submit"] {
     background-color: #026ea9; }
-  .button-base:focus, .button:focus, input[type="button"]:focus, input[type="submit"]:focus {
+  .button-base:focus, .button:focus, input:focus[type="button"], input:focus[type="submit"] {
     background-color: #0295e5;
     box-shadow: 0 0 4px 1px #CCC;
     text-decoration: none;
@@ -1630,9 +1630,9 @@ table.list-table {
     border: 1px solid #E84F4F; }
   .input-base.pos, .pos.fake-input, input.pos[type="text"], input.pos[type="number"], input.pos[type="email"], input.pos[type="date"], input.pos[type="search"], input.pos[type="url"], input.pos[type="password"], select.pos, textarea.pos, .input-base.valid, .valid.fake-input, input.valid[type="text"], input.valid[type="number"], input.valid[type="email"], input.valid[type="date"], input.valid[type="search"], input.valid[type="url"], input.valid[type="password"], select.valid, textarea.valid {
     border: 1px solid #52A256; }
-  .input-base.disabled, .disabled.fake-input, input.disabled[type="text"], input.disabled[type="number"], input.disabled[type="email"], input.disabled[type="date"], input.disabled[type="search"], input.disabled[type="url"], input.disabled[type="password"], select.disabled, textarea.disabled, .input-base[disabled], [disabled].fake-input, input[disabled][type="text"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="date"], input[disabled][type="search"], input[disabled][type="url"], input[disabled][type="password"], select[disabled], textarea[disabled] {
+  .input-base.disabled, .disabled.fake-input, input.disabled[type="text"], input.disabled[type="number"], input.disabled[type="email"], input.disabled[type="date"], input.disabled[type="search"], input.disabled[type="url"], input.disabled[type="password"], select.disabled, textarea.disabled, .input-base[disabled], .fake-input[disabled], input[disabled][type="text"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="date"], input[disabled][type="search"], input[disabled][type="url"], input[disabled][type="password"], select[disabled], textarea[disabled] {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==); }
-  .input-base:focus, .fake-input:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
+  .input-base:focus, .fake-input:focus, input:focus[type="text"], input:focus[type="number"], input:focus[type="email"], input:focus[type="date"], input:focus[type="search"], input:focus[type="url"], input:focus[type="password"], select:focus, textarea:focus {
     outline: 0; }
 
 .fake-input {
@@ -2600,49 +2600,87 @@ span.CodeMirror-selectedtext {
   width: 100%;
   height: 100%; }
 
+/**
+ * Custom Copy Button
+ */
+.CodeMirror-copy {
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  background-color: #EEE;
+  padding: 6px;
+  line-height: 0;
+  border: 1px solid #DDD;
+  cursor: pointer;
+  fill: #444;
+  z-index: 5;
+  transition: all ease-in 180ms;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  opacity: 0.7; }
+  .CodeMirror-copy svg {
+    transition: -webkit-transform ease-in 180ms;
+    transition: transform ease-in 180ms;
+    transition: transform ease-in 180ms, -webkit-transform ease-in 180ms;
+    -webkit-transform: translateY(0);
+            transform: translateY(0); }
+  .CodeMirror-copy.success {
+    background-color: #70b774;
+    fill: #FFF; }
+    .CodeMirror-copy.success svg {
+      -webkit-transform: translateY(-3px);
+              transform: translateY(-3px); }
+
+.CodeMirror:hover .CodeMirror-copy {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+      -ms-user-select: all;
+          user-select: all;
+  opacity: 1; }
+
 [notification] {
   position: fixed;
   top: 0;
   right: 0;
   margin: 64px 32px;
-  padding: 24px 32px;
+  padding: 16px 24px;
   background-color: #EEE;
   border-radius: 3px;
-  box-shadow: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
+  box-shadow: 0 1px 3px 1px rgba(76, 76, 76, 0.26), 0 1px 12px 0px rgba(76, 76, 76, 0.2);
   z-index: 999999;
   cursor: pointer;
   max-width: 360px;
   transition: -webkit-transform ease-in-out 280ms;
   transition: transform ease-in-out 280ms;
   transition: transform ease-in-out 280ms, -webkit-transform ease-in-out 280ms;
-  -webkit-transform: translate3d(580px, 0, 0);
-          transform: translate3d(580px, 0, 0);
+  -webkit-transform: translateX(580px);
+          transform: translateX(580px);
   display: grid;
-  grid-template-columns: 64px 1fr; }
+  grid-template-columns: 42px 1fr;
+  color: #FFF; }
   [notification] span, [notification] svg {
     vertical-align: middle;
     justify-self: center;
     align-self: center; }
   [notification] svg {
     fill: #EEEEEE;
-    width: 4em;
-    height: 4em;
-    padding-right: 16px; }
+    width: 2.8rem;
+    height: 2.8rem;
+    padding-right: 12px; }
   [notification] span {
     vertical-align: middle;
     line-height: 1.3; }
   [notification].pos {
-    background-color: #52A256;
-    color: #EEE; }
+    background-color: #52A256; }
   [notification].neg {
-    background-color: #E84F4F;
-    color: #EEE; }
+    background-color: #E84F4F; }
   [notification].warning {
-    background-color: #e27b41;
-    color: #EEE; }
+    background-color: #e27b41; }
   [notification].showing {
-    -webkit-transform: translate3d(0, 0, 0);
-            transform: translate3d(0, 0, 0); }
+    -webkit-transform: translateX(0);
+            transform: translateX(0); }
   [notification].showing:hover {
     -webkit-transform: translate3d(0, -2px, 0);
             transform: translate3d(0, -2px, 0); }
@@ -2749,7 +2787,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   width: 16.66667%;
   height: auto;
   border: 1px solid #DDD;
-  box-shadow: 0 0 0 0 transparent;
+  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
   transition: all cubic-bezier(0.4, 0, 1, 1) 160ms;
   overflow: hidden; }
   .image-manager-list .image.selected {
@@ -3592,22 +3630,14 @@ ul.pagination {
     padding: 3px 12px;
     border: 1px solid #CCC;
     margin-left: -1px;
-    color: #888;
-    fill: #888;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none; }
     ul.pagination a.disabled, ul.pagination span.disabled {
       cursor: not-allowed; }
   ul.pagination li.active span {
-    background-color: rgba(2, 136, 209, 0.8);
-    color: #EEE;
-    fill: #EEE;
-    border-color: rgba(2, 136, 209, 0.8); }
-  ul.pagination a {
-    color: #0288D1;
-    fill: #0288D1; }
+    color: #FFF; }
 
 .compact ul.pagination {
   margin: 0; }
@@ -3812,6 +3842,8 @@ ul.pagination {
     background: #dbffdb; }
   .page-content del {
     background: #FFECEC; }
+  .page-content.page-revision pre code {
+    white-space: pre-wrap; }
 
 .pointer-container {
   position: relative;
@@ -3828,8 +3860,10 @@ ul.pagination {
   position: absolute;
   top: -60px;
   background-color: #FFF;
-  width: 272px;
+  width: 275px;
   z-index: 55; }
+  .pointer.is-page-editable {
+    width: 328px; }
   .pointer:before {
     position: absolute;
     left: 50%;
@@ -3853,12 +3887,13 @@ ul.pagination {
     color: #666;
     width: 172px;
     z-index: 40; }
-  .pointer input, .pointer button {
+  .pointer input, .pointer button, .pointer a {
     position: relative;
     border-radius: 0;
     height: 28px;
     font-size: 12px;
-    vertical-align: top; }
+    vertical-align: top;
+    padding: 5px 16px; }
   .pointer > i {
     color: #888;
     font-size: 18px;
@@ -3869,10 +3904,17 @@ ul.pagination {
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none; }
-  .pointer .button {
+  .pointer .input-group .button {
     line-height: 1;
     margin: 0 0 0 -4px;
     box-shadow: none; }
+  .pointer a.button {
+    margin: 0 0 0 0; }
+    .pointer a.button:hover {
+      fill: #fff; }
+  .pointer .svg-icon {
+    width: 1.2em;
+    height: 1.2em; }
 
 .floating-toolbox {
   background-color: #FFF;

diff --git a/version b/version
@@ -1 +1 @@
-v0.22.0
+v0.23.0