Updated version and assets for release v0.23

This commit is contained in:
Dan Brown 2018-07-29 20:28:49 +01:00
parent 6a7d7e7c2b
commit 4bdec0d214
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
4 changed files with 98 additions and 52 deletions

2
public/dist/app.js vendored

File diff suppressed because one or more lines are too long

View File

@ -1326,9 +1326,9 @@ div[class^="col-"] img {
border: 1px solid #E84F4F; } 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 { .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; } 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==); } 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; } outline: 0; }
.fake-input { .fake-input {
@ -2042,8 +2042,6 @@ ul.pagination {
padding: 3px 12px; padding: 3px 12px;
border: 1px solid #CCC; border: 1px solid #CCC;
margin-left: -1px; margin-left: -1px;
color: #888;
fill: #888;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
@ -2051,13 +2049,7 @@ ul.pagination {
ul.pagination a.disabled, ul.pagination span.disabled { ul.pagination a.disabled, ul.pagination span.disabled {
cursor: not-allowed; } cursor: not-allowed; }
ul.pagination li.active span { ul.pagination li.active span {
background-color: rgba(2, 136, 209, 0.8); color: #FFF; }
color: #EEE;
fill: #EEE;
border-color: rgba(2, 136, 209, 0.8); }
ul.pagination a {
color: #0288D1;
fill: #0288D1; }
.compact ul.pagination { .compact ul.pagination {
margin: 0; } margin: 0; }
@ -2262,6 +2254,8 @@ ul.pagination {
background: #dbffdb; } background: #dbffdb; }
.page-content del { .page-content del {
background: #FFECEC; } background: #FFECEC; }
.page-content.page-revision pre code {
white-space: pre-wrap; }
.pointer-container { .pointer-container {
position: relative; position: relative;
@ -2278,8 +2272,10 @@ ul.pagination {
position: absolute; position: absolute;
top: -60px; top: -60px;
background-color: #FFF; background-color: #FFF;
width: 272px; width: 275px;
z-index: 55; } z-index: 55; }
.pointer.is-page-editable {
width: 328px; }
.pointer:before { .pointer:before {
position: absolute; position: absolute;
left: 50%; left: 50%;
@ -2303,12 +2299,13 @@ ul.pagination {
color: #666; color: #666;
width: 172px; width: 172px;
z-index: 40; } z-index: 40; }
.pointer input, .pointer button { .pointer input, .pointer button, .pointer a {
position: relative; position: relative;
border-radius: 0; border-radius: 0;
height: 28px; height: 28px;
font-size: 12px; font-size: 12px;
vertical-align: top; } vertical-align: top;
padding: 5px 16px; }
.pointer > i { .pointer > i {
color: #888; color: #888;
font-size: 18px; font-size: 18px;
@ -2319,10 +2316,17 @@ ul.pagination {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; } user-select: none; }
.pointer .button { .pointer .input-group .button {
line-height: 1; line-height: 1;
margin: 0 0 0 -4px; margin: 0 0 0 -4px;
box-shadow: none; } 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 { .floating-toolbox {
background-color: #FFF; background-color: #FFF;

112
public/dist/styles.css vendored
View File

@ -1369,13 +1369,13 @@ div[class^="col-"] img {
text-transform: uppercase; text-transform: uppercase;
border: 1px solid #0288D1; border: 1px solid #0288D1;
vertical-align: top; } 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; background-color: #02a2f9;
text-decoration: none; text-decoration: none;
color: #EEE; } 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; } 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; background-color: #0295e5;
box-shadow: 0 0 4px 1px #CCC; box-shadow: 0 0 4px 1px #CCC;
text-decoration: none; text-decoration: none;
@ -1630,9 +1630,9 @@ table.list-table {
border: 1px solid #E84F4F; } 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 { .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; } 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==); } 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; } outline: 0; }
.fake-input { .fake-input {
@ -2600,49 +2600,87 @@ span.CodeMirror-selectedtext {
width: 100%; width: 100%;
height: 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] { [notification] {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
margin: 64px 32px; margin: 64px 32px;
padding: 24px 32px; padding: 16px 24px;
background-color: #EEE; background-color: #EEE;
border-radius: 3px; 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; z-index: 999999;
cursor: pointer; cursor: pointer;
max-width: 360px; max-width: 360px;
transition: -webkit-transform ease-in-out 280ms; transition: -webkit-transform ease-in-out 280ms;
transition: transform ease-in-out 280ms; transition: transform ease-in-out 280ms;
transition: transform ease-in-out 280ms, -webkit-transform ease-in-out 280ms; transition: transform ease-in-out 280ms, -webkit-transform ease-in-out 280ms;
-webkit-transform: translate3d(580px, 0, 0); -webkit-transform: translateX(580px);
transform: translate3d(580px, 0, 0); transform: translateX(580px);
display: grid; display: grid;
grid-template-columns: 64px 1fr; } grid-template-columns: 42px 1fr;
color: #FFF; }
[notification] span, [notification] svg { [notification] span, [notification] svg {
vertical-align: middle; vertical-align: middle;
justify-self: center; justify-self: center;
align-self: center; } align-self: center; }
[notification] svg { [notification] svg {
fill: #EEEEEE; fill: #EEEEEE;
width: 4em; width: 2.8rem;
height: 4em; height: 2.8rem;
padding-right: 16px; } padding-right: 12px; }
[notification] span { [notification] span {
vertical-align: middle; vertical-align: middle;
line-height: 1.3; } line-height: 1.3; }
[notification].pos { [notification].pos {
background-color: #52A256; background-color: #52A256; }
color: #EEE; }
[notification].neg { [notification].neg {
background-color: #E84F4F; background-color: #E84F4F; }
color: #EEE; }
[notification].warning { [notification].warning {
background-color: #e27b41; background-color: #e27b41; }
color: #EEE; }
[notification].showing { [notification].showing {
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translateX(0);
transform: translate3d(0, 0, 0); } transform: translateX(0); }
[notification].showing:hover { [notification].showing:hover {
-webkit-transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0);
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%; width: 16.66667%;
height: auto; height: auto;
border: 1px solid #DDD; 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; transition: all cubic-bezier(0.4, 0, 1, 1) 160ms;
overflow: hidden; } overflow: hidden; }
.image-manager-list .image.selected { .image-manager-list .image.selected {
@ -3592,8 +3630,6 @@ ul.pagination {
padding: 3px 12px; padding: 3px 12px;
border: 1px solid #CCC; border: 1px solid #CCC;
margin-left: -1px; margin-left: -1px;
color: #888;
fill: #888;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
@ -3601,13 +3637,7 @@ ul.pagination {
ul.pagination a.disabled, ul.pagination span.disabled { ul.pagination a.disabled, ul.pagination span.disabled {
cursor: not-allowed; } cursor: not-allowed; }
ul.pagination li.active span { ul.pagination li.active span {
background-color: rgba(2, 136, 209, 0.8); color: #FFF; }
color: #EEE;
fill: #EEE;
border-color: rgba(2, 136, 209, 0.8); }
ul.pagination a {
color: #0288D1;
fill: #0288D1; }
.compact ul.pagination { .compact ul.pagination {
margin: 0; } margin: 0; }
@ -3812,6 +3842,8 @@ ul.pagination {
background: #dbffdb; } background: #dbffdb; }
.page-content del { .page-content del {
background: #FFECEC; } background: #FFECEC; }
.page-content.page-revision pre code {
white-space: pre-wrap; }
.pointer-container { .pointer-container {
position: relative; position: relative;
@ -3828,8 +3860,10 @@ ul.pagination {
position: absolute; position: absolute;
top: -60px; top: -60px;
background-color: #FFF; background-color: #FFF;
width: 272px; width: 275px;
z-index: 55; } z-index: 55; }
.pointer.is-page-editable {
width: 328px; }
.pointer:before { .pointer:before {
position: absolute; position: absolute;
left: 50%; left: 50%;
@ -3853,12 +3887,13 @@ ul.pagination {
color: #666; color: #666;
width: 172px; width: 172px;
z-index: 40; } z-index: 40; }
.pointer input, .pointer button { .pointer input, .pointer button, .pointer a {
position: relative; position: relative;
border-radius: 0; border-radius: 0;
height: 28px; height: 28px;
font-size: 12px; font-size: 12px;
vertical-align: top; } vertical-align: top;
padding: 5px 16px; }
.pointer > i { .pointer > i {
color: #888; color: #888;
font-size: 18px; font-size: 18px;
@ -3869,10 +3904,17 @@ ul.pagination {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; } user-select: none; }
.pointer .button { .pointer .input-group .button {
line-height: 1; line-height: 1;
margin: 0 0 0 -4px; margin: 0 0 0 -4px;
box-shadow: none; } 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 { .floating-toolbox {
background-color: #FFF; background-color: #FFF;

View File

@ -1 +1 @@
v0.22.0 v0.23.0