Updated version and assets for release v0.23

2018-07-29 20:28:49 +01:00 · 2018-07-29 20:28:49 +01:00 · 4bdec0d214
parent 6a7d7e7c2b
commit 4bdec0d214
4 changed files with 98 additions and 52 deletions
--- a/public/dist/app.js
+++ b/public/dist/app.js
--- 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,8 +2042,6 @@ 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;
@ -2051,13 +2049,7 @@ ul.pagination {
    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;
--- 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,8 +3630,6 @@ 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;
@ -3601,13 +3637,7 @@ ul.pagination {
    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;
--- a/2
+++ b/2
@ -1 +1 @@
-v0.22.0
+v0.23.0