mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-10-01 01:36:00 -04:00
Updated assets for release v0.27
This commit is contained in:
Dan Brown
parent
75e7454a5f
commit
b8ce8fd852
76
public/dist/app.js
vendored
76
public/dist/app.js
vendored
File diff suppressed because one or more lines are too long
333
public/dist/export-styles.css
vendored
333
public/dist/export-styles.css
vendored
@ -1,4 +1,13 @@
|
||||
@charset "UTF-8";
|
||||
:root {
|
||||
--color-primary: #206ea7;
|
||||
--color-primary-light: rgba(32,110,167,0.15);
|
||||
--color-page: #206ea7;
|
||||
--color-page-draft: #7e50b1;
|
||||
--color-chapter: #af4d0d;
|
||||
--color-book: #077b70;
|
||||
--color-bookshelf: #a94747; }
|
||||
|
||||
.m-none {
|
||||
margin: 0 !important; }
|
||||
|
||||
@ -368,7 +377,11 @@
|
||||
padding-left: 48px !important; }
|
||||
|
||||
* {
|
||||
box-sizing: border-box; }
|
||||
box-sizing: border-box;
|
||||
outline-color: #444444; }
|
||||
|
||||
*:focus {
|
||||
outline-style: dotted; }
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
@ -460,19 +473,22 @@ h2.list-heading {
|
||||
* Link styling
|
||||
*/
|
||||
a {
|
||||
color: #0288D1;
|
||||
color: var(--color-primary);
|
||||
fill: var(--color-primary);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: color ease-in-out 80ms;
|
||||
transition: filter ease-in-out 80ms;
|
||||
line-height: 1.6; }
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
color: #01466c; }
|
||||
text-decoration: underline; }
|
||||
a.icon {
|
||||
display: inline-block; }
|
||||
a svg {
|
||||
position: relative;
|
||||
display: inline-block; }
|
||||
a:focus img:only-child {
|
||||
outline: 2px dashed var(--color-primary);
|
||||
outline-offset: 2px; }
|
||||
|
||||
.blended-links a {
|
||||
color: inherit; }
|
||||
@ -544,7 +560,7 @@ pre {
|
||||
blockquote {
|
||||
display: block;
|
||||
position: relative;
|
||||
border-left: 4px solid #0288D1;
|
||||
border-left: 4px solid var(--color-primary);
|
||||
background-color: #F8F8F8;
|
||||
padding: 12px 16px 12px 32px; }
|
||||
blockquote:before {
|
||||
@ -689,6 +705,11 @@ li.checkbox-item, li.task-list-item {
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word; }
|
||||
|
||||
.limit-text {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis; }
|
||||
|
||||
/**
|
||||
* Grouping
|
||||
*/
|
||||
@ -805,7 +826,8 @@ body.flexbox {
|
||||
align-items: stretch;
|
||||
min-height: 0;
|
||||
max-width: 100%;
|
||||
position: relative; }
|
||||
position: relative;
|
||||
overflow-y: hidden; }
|
||||
|
||||
.flex {
|
||||
min-height: 0;
|
||||
@ -887,13 +909,11 @@ body.flexbox {
|
||||
* Inline content columns
|
||||
*/
|
||||
.dual-column-content {
|
||||
-webkit-columns: 2;
|
||||
columns: 2; }
|
||||
columns: 2; }
|
||||
|
||||
@media screen and (max-width: 880px) {
|
||||
.dual-column-content {
|
||||
-webkit-columns: 1;
|
||||
columns: 1; } }
|
||||
columns: 1; } }
|
||||
|
||||
/**
|
||||
* Fixes
|
||||
@ -928,16 +948,19 @@ body.flexbox {
|
||||
|
||||
@media screen and (max-width: 1400px) {
|
||||
.tri-layout-container {
|
||||
grid-template-areas: "c b b" "a b b";
|
||||
grid-template-areas: "c b b" "a b b" ". b b";
|
||||
grid-template-columns: 1fr 3fr;
|
||||
grid-template-rows: -webkit-max-content -webkit-min-content;
|
||||
grid-template-rows: max-content min-content;
|
||||
grid-template-rows: min-content min-content 1fr;
|
||||
padding-right: 24px; } }
|
||||
|
||||
@media screen and (min-width: 1000px) and (max-width: 1400px) {
|
||||
.tri-layout-left {
|
||||
position: sticky;
|
||||
top: 16px; } }
|
||||
|
||||
@media screen and (min-width: 1400px) {
|
||||
.tri-layout-left-contents, .tri-layout-right-contents {
|
||||
padding: 16px;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 16px;
|
||||
max-height: 100vh;
|
||||
@ -976,9 +999,7 @@ body.flexbox {
|
||||
grid-column: 1/1;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
transition: -webkit-transform ease-in-out 240ms;
|
||||
transition: transform ease-in-out 240ms;
|
||||
transition: transform ease-in-out 240ms, -webkit-transform ease-in-out 240ms; }
|
||||
transition: transform ease-in-out 240ms; }
|
||||
.tri-layout-container .tri-layout-left {
|
||||
grid-row: 2; }
|
||||
.tri-layout-container.show-info {
|
||||
@ -992,10 +1013,12 @@ body.flexbox {
|
||||
@media screen and (min-width: 1000px) {
|
||||
.tri-layout-mobile-tabs {
|
||||
display: none; }
|
||||
.tri-layout-left-contents > div, .tri-layout-right-contents > div {
|
||||
.tri-layout-left-contents > *, .tri-layout-right-contents > * {
|
||||
opacity: 0.6;
|
||||
transition: opacity ease-in-out 120ms; }
|
||||
.tri-layout-left-contents > div:hover, .tri-layout-right-contents > div:hover {
|
||||
.tri-layout-left-contents > *:hover, .tri-layout-right-contents > *:hover {
|
||||
opacity: 1; }
|
||||
.tri-layout-left-contents > *:focus-within, .tri-layout-right-contents > *:focus-within {
|
||||
opacity: 1; } }
|
||||
|
||||
@media screen and (max-width: 880px) {
|
||||
@ -1073,6 +1096,9 @@ body.flexbox {
|
||||
.card-title a {
|
||||
line-height: 1; }
|
||||
|
||||
.card.border-card {
|
||||
border: 1px solid #DDD; }
|
||||
|
||||
.card.drag-card {
|
||||
border: 1px solid #DDD;
|
||||
border-radius: 4px;
|
||||
@ -1139,10 +1165,6 @@ body.flexbox {
|
||||
.grid-card .grid-card-content + .grid-card-footer {
|
||||
padding-top: 0; }
|
||||
|
||||
.bookshelf-grid-item .grid-card-content h2 a {
|
||||
color: #af5a5a;
|
||||
fill: #af5a5a; }
|
||||
|
||||
.book-grid-item .grid-card-footer p.small {
|
||||
font-size: .8em;
|
||||
margin: 0; }
|
||||
@ -1198,7 +1220,8 @@ body.flexbox {
|
||||
.tag-list div:last-child .tag-item {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.input-base, .fake-input, input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="search"], input[type="url"], input[type="password"], select, textarea {
|
||||
.input-base, .fake-input, input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="search"], input[type="url"],
|
||||
input[type="color"], input[type="password"], select, textarea {
|
||||
background-color: #FFF;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #D4D4D4;
|
||||
@ -1208,14 +1231,22 @@ body.flexbox {
|
||||
color: #666;
|
||||
width: 250px;
|
||||
max-width: 100%; }
|
||||
.input-base.neg, .neg.fake-input, input.neg[type="text"], input.neg[type="number"], input.neg[type="email"], input.neg[type="date"], input.neg[type="search"], input.neg[type="url"], input.neg[type="password"], select.neg, textarea.neg, .input-base.invalid, .invalid.fake-input, input.invalid[type="text"], input.invalid[type="number"], input.invalid[type="email"], input.invalid[type="date"], input.invalid[type="search"], input.invalid[type="url"], input.invalid[type="password"], select.invalid, textarea.invalid {
|
||||
.input-base.neg, .neg.fake-input, input.neg[type="text"], input.neg[type="number"], input.neg[type="email"], input.neg[type="date"], input.neg[type="search"], input.neg[type="url"],
|
||||
input.neg[type="color"], input.neg[type="password"], select.neg, textarea.neg, .input-base.invalid, .invalid.fake-input, input.invalid[type="text"], input.invalid[type="number"], input.invalid[type="email"], input.invalid[type="date"], input.invalid[type="search"], input.invalid[type="url"],
|
||||
input.invalid[type="color"], input.invalid[type="password"], select.invalid, textarea.invalid {
|
||||
border: 1px solid #ab0f0e; }
|
||||
.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="color"], 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="color"], input.valid[type="password"], select.valid, textarea.valid {
|
||||
border: 1px solid #0f7d15; }
|
||||
.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] {
|
||||
.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="color"], 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="color"], input[disabled][type="password"], select[disabled], textarea[disabled] {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==); }
|
||||
.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; }
|
||||
.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="color"], input:focus[type="password"], select:focus, textarea:focus {
|
||||
border-color: var(--color-primary);
|
||||
outline: 1px solid var(--color-primary); }
|
||||
|
||||
.fake-input {
|
||||
overflow: auto; }
|
||||
@ -1269,15 +1300,16 @@ body.flexbox {
|
||||
flex: none; } }
|
||||
|
||||
.markdown-display {
|
||||
padding: 0 16px 0;
|
||||
margin-left: -1px;
|
||||
overflow-y: scroll; }
|
||||
.markdown-display.page-content {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
max-width: 100%; }
|
||||
.markdown-display [drawio-diagram]:hover {
|
||||
outline: 2px solid #0288D1; }
|
||||
margin-left: -1px; }
|
||||
|
||||
.markdown-editor-display {
|
||||
background-color: #FFFFFF; }
|
||||
.markdown-editor-display body {
|
||||
background-color: #FFFFFF;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px; }
|
||||
.markdown-editor-display [drawio-diagram]:hover {
|
||||
outline: 2px solid var(--color-primary); }
|
||||
|
||||
.editor-toolbar {
|
||||
width: 100%;
|
||||
@ -1305,10 +1337,7 @@ label {
|
||||
|
||||
label.radio, label.checkbox {
|
||||
font-weight: 400;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
user-select: none; }
|
||||
label.radio input[type="radio"], label.radio input[type="checkbox"], label.checkbox input[type="radio"], label.checkbox input[type="checkbox"] {
|
||||
margin-right: 6px; }
|
||||
|
||||
@ -1327,11 +1356,11 @@ table.form-table {
|
||||
input[type=date] {
|
||||
width: 190px; }
|
||||
|
||||
input[type=color] {
|
||||
height: 60px; }
|
||||
|
||||
.toggle-switch {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
user-select: none;
|
||||
display: inline-grid;
|
||||
grid-template-columns: 28px 1fr;
|
||||
align-items: center;
|
||||
@ -1352,18 +1381,13 @@ input[type=date] {
|
||||
bottom: auto;
|
||||
top: -1.5px;
|
||||
left: 0;
|
||||
transition: -webkit-transform ease-in-out 120ms;
|
||||
transition: transform ease-in-out 120ms;
|
||||
transition: transform ease-in-out 120ms, -webkit-transform ease-in-out 120ms;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
-webkit-transform-origin: center center;
|
||||
transform-origin: center center; }
|
||||
transform: scale(0);
|
||||
transform-origin: center center; }
|
||||
.toggle-switch input[type=checkbox] {
|
||||
display: none; }
|
||||
.toggle-switch input[type=checkbox]:checked + .custom-checkbox .svg-icon {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
transform: scale(1); }
|
||||
.toggle-switch .custom-checkbox:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
opacity: 0.8; }
|
||||
@ -1414,7 +1438,10 @@ input[type=date] {
|
||||
.form-group[collapsible] .collapse-title {
|
||||
margin-left: -16px;
|
||||
margin-right: -16px;
|
||||
padding: 12px 16px; }
|
||||
padding: 12px 16px;
|
||||
display: block;
|
||||
width: calc(100% + 32px);
|
||||
text-align: left; }
|
||||
.form-group[collapsible] .collapse-title, .form-group[collapsible] .collapse-title label {
|
||||
cursor: pointer; }
|
||||
.form-group[collapsible] .collapse-title label {
|
||||
@ -1426,14 +1453,12 @@ input[type=date] {
|
||||
content: '▸';
|
||||
margin-right: 16px;
|
||||
transition: all ease-in-out 400ms;
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
transform: rotate(0); }
|
||||
.form-group[collapsible] .collapse-content {
|
||||
display: none;
|
||||
padding-bottom: 16px; }
|
||||
.form-group[collapsible].open .collapse-title label:before {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg); }
|
||||
transform: rotate(90deg); }
|
||||
|
||||
.inline-input-style, .title-input input[type="text"], .description-input textarea {
|
||||
display: block;
|
||||
@ -1473,15 +1498,15 @@ div[editor-type="markdown"] .title-input.page-title input[type="text"] {
|
||||
.search-box button {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
color: #0288D1;
|
||||
fill: #666;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 9.5px; }
|
||||
top: 9px; }
|
||||
.search-box input {
|
||||
display: block;
|
||||
padding-left: 24px;
|
||||
padding-left: 28px;
|
||||
width: 300px;
|
||||
max-width: 100%; }
|
||||
.search-box.flexible input {
|
||||
@ -1503,6 +1528,20 @@ div[editor-type="markdown"] .title-input.page-title input[type="text"] {
|
||||
background-color: #BBB;
|
||||
max-width: 100%; }
|
||||
|
||||
.custom-file-input {
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
clip: rect(0, 0, 0, 0); }
|
||||
|
||||
.custom-file-input:focus + label {
|
||||
border-color: var(--color-primary);
|
||||
outline: 1px solid var(--color-primary); }
|
||||
|
||||
table {
|
||||
min-width: 100px;
|
||||
max-width: 100%; }
|
||||
@ -1556,7 +1595,6 @@ table.list-table {
|
||||
* Includes the main navigation header and the faded toolbar.
|
||||
*/
|
||||
header .grid {
|
||||
grid-template-columns: auto -webkit-min-content auto;
|
||||
grid-template-columns: auto min-content auto; }
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
@ -1567,9 +1605,8 @@ header .grid {
|
||||
header {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 6;
|
||||
z-index: 11;
|
||||
top: 0;
|
||||
background-color: #0288D1;
|
||||
color: #fff;
|
||||
fill: #fff;
|
||||
border-bottom: 1px solid #DDD;
|
||||
@ -1593,9 +1630,7 @@ header {
|
||||
height: 30px; }
|
||||
header .user-name {
|
||||
vertical-align: top;
|
||||
padding-top: 16px;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
display: inline-block;
|
||||
cursor: pointer; }
|
||||
header .user-name > * {
|
||||
@ -1613,6 +1648,9 @@ header {
|
||||
header .user-name .name {
|
||||
display: none; } }
|
||||
|
||||
.header *, .primary-background * {
|
||||
outline-color: #FFF; }
|
||||
|
||||
.header-search {
|
||||
display: inline-block; }
|
||||
|
||||
@ -1626,6 +1664,9 @@ header .search-box {
|
||||
color: #EEE;
|
||||
z-index: 2;
|
||||
padding-left: 40px; }
|
||||
header .search-box input:focus {
|
||||
outline: none;
|
||||
border: 1px solid rgba(255, 255, 255, 0.6); }
|
||||
header .search-box button {
|
||||
fill: #EEE;
|
||||
z-index: 1;
|
||||
@ -1638,12 +1679,6 @@ header .search-box {
|
||||
header .search-box ::-moz-placeholder {
|
||||
/* Firefox 19+ */
|
||||
color: #DDD; }
|
||||
header .search-box :-ms-input-placeholder {
|
||||
/* IE 10+ */
|
||||
color: #DDD; }
|
||||
header .search-box :-moz-placeholder {
|
||||
/* Firefox 18- */
|
||||
color: #DDD; }
|
||||
@media screen and (min-width: 1000px) and (max-width: 1100px) {
|
||||
header .search-box {
|
||||
max-width: 200px; } }
|
||||
@ -1680,10 +1715,7 @@ header .search-box {
|
||||
top: 13px;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
user-select: none; }
|
||||
.mobile-menu-toggle svg {
|
||||
margin: 0;
|
||||
bottom: -2px; }
|
||||
@ -1729,7 +1761,6 @@ header .search-box {
|
||||
box-shadow: none; } }
|
||||
|
||||
.tri-layout-mobile-tabs {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 5;
|
||||
@ -1763,7 +1794,7 @@ header .search-box {
|
||||
font-size: 1.6em;
|
||||
line-height: 0.8;
|
||||
margin: -2px 0 0; }
|
||||
.breadcrumbs:hover {
|
||||
.breadcrumbs:hover, .breadcrumbs:focus-within {
|
||||
opacity: 1; }
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
@ -1861,17 +1892,6 @@ header .search-box {
|
||||
.action-buttons .dropdown-container:last-child a {
|
||||
padding-left: 6px; } }
|
||||
|
||||
.nav-tabs {
|
||||
text-align: center; }
|
||||
.nav-tabs a, .nav-tabs .tab-item {
|
||||
padding: 16px;
|
||||
display: inline-block;
|
||||
color: #666;
|
||||
fill: #666;
|
||||
cursor: pointer; }
|
||||
.nav-tabs a.selected, .nav-tabs .tab-item.selected {
|
||||
border-bottom: 2px solid #0288D1; }
|
||||
|
||||
.book-contents .entity-list-item .icon {
|
||||
width: 4px;
|
||||
border-radius: 1px;
|
||||
@ -1923,7 +1943,9 @@ header .search-box {
|
||||
flex: 1; }
|
||||
.entity-list-item + .chapter-expansion .chapter-expansion-toggle {
|
||||
border-radius: 0 4px 4px 0;
|
||||
padding: 6px 16px; }
|
||||
padding: 6px 16px;
|
||||
width: 100%;
|
||||
text-align: left; }
|
||||
.entity-list-item + .chapter-expansion .chapter-expansion-toggle:hover {
|
||||
background-color: rgba(0, 0, 0, 0.06); }
|
||||
|
||||
@ -1961,7 +1983,7 @@ header .search-box {
|
||||
.sidebar-page-nav .h1 {
|
||||
padding-left: 16px; }
|
||||
.sidebar-page-nav .h2 {
|
||||
padding-left: 16px; }
|
||||
padding-left: 24px; }
|
||||
.sidebar-page-nav .h3 {
|
||||
padding-left: 32px; }
|
||||
.sidebar-page-nav .h4 {
|
||||
@ -2053,9 +2075,19 @@ header .search-box {
|
||||
|
||||
.sort-box {
|
||||
margin-bottom: 16px;
|
||||
border: 2px solid rgba(0, 150, 136, 0.6);
|
||||
padding: 16px 32px;
|
||||
border-radius: 4px; }
|
||||
position: relative; }
|
||||
.sort-box::before {
|
||||
content: '';
|
||||
border-radius: 4px;
|
||||
opacity: 0.5;
|
||||
border: 2px solid var(--color-book);
|
||||
display: block;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
position: absolute; }
|
||||
|
||||
.sort-box-options {
|
||||
display: flex;
|
||||
@ -2083,10 +2115,8 @@ header .search-box {
|
||||
border: 1px solid #DDD;
|
||||
margin-top: -1px;
|
||||
min-height: 38px; }
|
||||
.sortable-page-list li.text-chapter {
|
||||
border-left: 2px solid #d7804a; }
|
||||
.sortable-page-list li.text-page {
|
||||
border-left: 2px solid #0288D1; }
|
||||
.sortable-page-list li.text-page, .sortable-page-list li.text-chapter {
|
||||
border-left: 2px solid currentColor; }
|
||||
.sortable-page-list li:first-child {
|
||||
margin-top: 6px; }
|
||||
|
||||
@ -2099,11 +2129,8 @@ header .search-box {
|
||||
.activity-list-item {
|
||||
padding: 12px 0;
|
||||
display: grid;
|
||||
grid-template-columns: -webkit-min-content 1fr;
|
||||
grid-template-columns: min-content 1fr;
|
||||
grid-column-gap: 16px;
|
||||
color: #888;
|
||||
fill: #888;
|
||||
font-size: 0.9em; }
|
||||
|
||||
.card .activity-list-item {
|
||||
@ -2112,7 +2139,6 @@ header .search-box {
|
||||
.user-list-item {
|
||||
display: inline-grid;
|
||||
padding: 12px;
|
||||
grid-template-columns: -webkit-min-content 1fr;
|
||||
grid-template-columns: min-content 1fr;
|
||||
grid-column-gap: 16px;
|
||||
font-size: 0.9em;
|
||||
@ -2136,10 +2162,7 @@ ul.pagination {
|
||||
padding: 3px 12px;
|
||||
border: 1px solid #CCC;
|
||||
margin-left: -1px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
user-select: none; }
|
||||
ul.pagination a.disabled, ul.pagination span.disabled {
|
||||
cursor: not-allowed; }
|
||||
ul.pagination li.active span {
|
||||
@ -2161,8 +2184,8 @@ ul.pagination {
|
||||
.entity-list .text-muted p.text-muted, .icon-list .text-muted p.text-muted {
|
||||
margin-top: 0; }
|
||||
.entity-list .page.draft .text-page, .icon-list .page.draft .text-page {
|
||||
color: #9A60DA;
|
||||
fill: #9A60DA; }
|
||||
color: var(--color-page-draft);
|
||||
fill: var(--color-page-draft); }
|
||||
.entity-list > .dropdown-container, .icon-list > .dropdown-container {
|
||||
display: block; }
|
||||
|
||||
@ -2204,6 +2227,10 @@ ul.pagination {
|
||||
.entity-list-item.outline-hover:hover, .icon-list-item.outline-hover:hover {
|
||||
background-color: transparent;
|
||||
border-color: rgba(0, 0, 0, 0.1); }
|
||||
.entity-list-item:focus, .icon-list-item:focus {
|
||||
background-color: #eee;
|
||||
outline: 1px dotted #666;
|
||||
outline-offset: -2px; }
|
||||
|
||||
.entity-list-item-path-sep {
|
||||
display: inline-block;
|
||||
@ -2312,11 +2339,15 @@ ul.pagination {
|
||||
display: block;
|
||||
padding: 6px 16px;
|
||||
color: #555;
|
||||
fill: #555;
|
||||
fill: currentColor;
|
||||
white-space: nowrap; }
|
||||
.dropdown-menu a:hover, .dropdown-menu button:hover {
|
||||
.dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu button:hover, .dropdown-menu button:focus {
|
||||
text-decoration: none;
|
||||
background-color: #EEE; }
|
||||
background-color: var(--color-primary-light);
|
||||
color: var(--color-primary); }
|
||||
.dropdown-menu a:focus, .dropdown-menu button:focus {
|
||||
outline: 1px solid var(--color-primary);
|
||||
outline-offset: -2px; }
|
||||
.dropdown-menu a svg, .dropdown-menu button svg {
|
||||
margin-right: 12px;
|
||||
display: inline-block;
|
||||
@ -2390,6 +2421,9 @@ ul.pagination {
|
||||
.page-editor .mce-top-part::before {
|
||||
box-shadow: none; }
|
||||
|
||||
body.mce-fullscreen .page-editor .edit-area {
|
||||
z-index: 12; }
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.page-edit-toolbar {
|
||||
overflow-x: scroll;
|
||||
@ -2418,16 +2452,11 @@ ul.pagination {
|
||||
|
||||
.draft-notification {
|
||||
pointer-events: none;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
transition: -webkit-transform ease-in-out 120ms;
|
||||
transform: scale(0);
|
||||
transition: transform ease-in-out 120ms;
|
||||
transition: transform ease-in-out 120ms, -webkit-transform ease-in-out 120ms;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%; }
|
||||
transform-origin: 50% 50%; }
|
||||
.draft-notification.visible {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
transform: scale(1); }
|
||||
|
||||
.page-style.editor {
|
||||
padding: 0 !important; }
|
||||
@ -2463,9 +2492,7 @@ ul.pagination {
|
||||
clear: both;
|
||||
margin: 16px 0; }
|
||||
.page-content table {
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
hyphens: auto;
|
||||
table-layout: fixed;
|
||||
max-width: 100%;
|
||||
height: auto !important; }
|
||||
@ -2487,10 +2514,12 @@ ul.pagination {
|
||||
|
||||
.pointer {
|
||||
border: 1px solid #CCC;
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
padding: 12px 12px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
|
||||
box-shadow: 0 0 12px 1px rgba(212, 209, 209, 0.3);
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
background-color: #FFF;
|
||||
@ -2508,19 +2537,11 @@ ul.pagination {
|
||||
content: '';
|
||||
display: block;
|
||||
background-color: #FFF;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
transform: rotate(45deg);
|
||||
transform-origin: 50% 50%;
|
||||
border-bottom: 1px solid #CCC;
|
||||
border-right: 1px solid #CCC;
|
||||
z-index: 56; }
|
||||
.pointer input {
|
||||
background-color: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
color: #666;
|
||||
width: 172px;
|
||||
z-index: 40; }
|
||||
.pointer input, .pointer button, .pointer a {
|
||||
position: relative;
|
||||
border-radius: 0;
|
||||
@ -2528,24 +2549,26 @@ ul.pagination {
|
||||
font-size: 12px;
|
||||
vertical-align: top;
|
||||
padding: 5px 16px; }
|
||||
.pointer > i {
|
||||
color: #888;
|
||||
font-size: 18px;
|
||||
padding-top: 4px; }
|
||||
.pointer input {
|
||||
background-color: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
color: #666;
|
||||
width: 172px;
|
||||
z-index: 40;
|
||||
padding: 5px 10px; }
|
||||
.pointer span.icon {
|
||||
fill: #444;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
user-select: none;
|
||||
display: inline-block;
|
||||
line-height: 1; }
|
||||
.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; }
|
||||
margin: 0;
|
||||
color: #FFF; }
|
||||
.pointer .svg-icon {
|
||||
width: 1.2em;
|
||||
height: 1.2em; }
|
||||
@ -2565,16 +2588,13 @@ ul.pagination {
|
||||
.floating-toolbox.open {
|
||||
width: 480px; }
|
||||
.floating-toolbox [toolbox-toggle] svg {
|
||||
transition: -webkit-transform ease-in-out 180ms;
|
||||
transition: transform ease-in-out 180ms;
|
||||
transition: transform ease-in-out 180ms, -webkit-transform ease-in-out 180ms; }
|
||||
transition: transform ease-in-out 180ms; }
|
||||
.floating-toolbox [toolbox-toggle] {
|
||||
transition: background-color ease-in-out 180ms; }
|
||||
.floating-toolbox.open [toolbox-toggle] {
|
||||
background-color: rgba(255, 0, 0, 0.29); }
|
||||
.floating-toolbox.open [toolbox-toggle] svg {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
transform: rotate(180deg); }
|
||||
.floating-toolbox > div {
|
||||
flex: 1;
|
||||
position: relative; }
|
||||
@ -2587,14 +2607,14 @@ ul.pagination {
|
||||
fill: rgba(0, 0, 0, 0.5);
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.floating-toolbox .tabs > span {
|
||||
.floating-toolbox .tabs > button {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
padding: 12px 16px;
|
||||
font-size: 13.5px;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
|
||||
.floating-toolbox.open .tabs > span.active {
|
||||
.floating-toolbox.open .tabs > button.active {
|
||||
fill: #444;
|
||||
background-color: rgba(0, 0, 0, 0.1); }
|
||||
.floating-toolbox div[toolbox-tab-content] {
|
||||
@ -2617,10 +2637,7 @@ ul.pagination {
|
||||
padding-top: 12px;
|
||||
position: relative; }
|
||||
.floating-toolbox .handle {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
user-select: none;
|
||||
cursor: move;
|
||||
fill: #999; }
|
||||
.floating-toolbox form {
|
||||
|
||||
42
public/dist/print-styles.css
vendored
42
public/dist/print-styles.css
vendored
@ -1,32 +1,36 @@
|
||||
:root {
|
||||
--color-primary: #206ea7;
|
||||
--color-primary-light: rgba(32,110,167,0.15);
|
||||
--color-page: #206ea7;
|
||||
--color-page-draft: #7e50b1;
|
||||
--color-chapter: #af4d0d;
|
||||
--color-book: #077b70;
|
||||
--color-bookshelf: #a94747; }
|
||||
|
||||
header {
|
||||
display: none; }
|
||||
|
||||
body {
|
||||
font-size: 12px; }
|
||||
html, body {
|
||||
font-size: 12px;
|
||||
background-color: #FFF; }
|
||||
|
||||
.page-content {
|
||||
margin: 0 auto; }
|
||||
|
||||
.flex-fill {
|
||||
display: block; }
|
||||
|
||||
.flex.sidebar + .flex.content {
|
||||
border-left: none; }
|
||||
|
||||
.print-hidden {
|
||||
display: none; }
|
||||
display: none !important; }
|
||||
|
||||
.print-full-width {
|
||||
width: 100%;
|
||||
float: none;
|
||||
.tri-layout-container {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-areas: "b";
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
display: block; }
|
||||
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
line-height: 1;
|
||||
margin-top: 0.6em;
|
||||
margin-bottom: 0.3em; }
|
||||
.card {
|
||||
box-shadow: none; }
|
||||
|
||||
.comments-container {
|
||||
display: none; }
|
||||
.content-wrap.card {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
|
||||
|
||||
797
public/dist/styles.css
vendored
797
public/dist/styles.css
vendored
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user