mirror of
https://github.com/getgrav/grav-plugin-admin.git
synced 2026-07-13 16:42:10 +02:00
fix some css issues with editor
This commit is contained in:
Andy Miller
@@ -445,7 +445,7 @@ hr {
|
||||
*/
|
||||
.switch-grav {
|
||||
background-color: #fff;
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
border-radius: 4px;
|
||||
/* Selected ON switch-light
|
||||
*/ }
|
||||
@@ -574,7 +574,7 @@ form .selectize-control.multi .selectize-input {
|
||||
border-radius: 2px;
|
||||
line-height: 1.5; }
|
||||
form .selectize-control.multi .selectize-input > div.active {
|
||||
background: #d4d4d4; }
|
||||
background: #d5d5d5; }
|
||||
form .selectize-control.single .selectize-input:after {
|
||||
right: 27px; }
|
||||
form .selectize-control.single .selectize-input.dropdown-active:after {
|
||||
@@ -593,7 +593,7 @@ form .large {
|
||||
height: 10rem; }
|
||||
form select {
|
||||
width: 100%;
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
background: #fff;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
@@ -603,17 +603,17 @@ form select {
|
||||
margin: 0; }
|
||||
form input[type=text], form input[type=password], form input[type=email] {
|
||||
width: 100%;
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
background: #fff; }
|
||||
form input[readonly=readonly] {
|
||||
background: #f2f2f2;
|
||||
font-weight: bold; }
|
||||
form textarea {
|
||||
width: 100%;
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
background: #fff; }
|
||||
form .form-frontmatter-wrapper {
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
border-radius: 4px; }
|
||||
form .switch-toggle.medium {
|
||||
width: 100%;
|
||||
@@ -662,7 +662,7 @@ form .checkboxes {
|
||||
margin-right: 10px;
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
border-radius: 4px; }
|
||||
form .checkboxes input[type=checkbox] {
|
||||
display: none; }
|
||||
@@ -679,7 +679,7 @@ form .checkboxes {
|
||||
margin-bottom: 3rem; }
|
||||
.form-frontmatter-wrapper .dragbar {
|
||||
height: 4px;
|
||||
background: #d4d4d4;
|
||||
background: #d5d5d5;
|
||||
cursor: row-resize; }
|
||||
|
||||
#frontmatter + .CodeMirror {
|
||||
@@ -694,7 +694,7 @@ form .checkboxes {
|
||||
.form-order-wrapper ul#ordering li {
|
||||
padding: 0.2rem 1rem;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
background: #f8f8f8;
|
||||
color: #8d959a;
|
||||
margin: 3px 0;
|
||||
@@ -718,7 +718,7 @@ form .checkboxes {
|
||||
cursor: move;
|
||||
padding: 1rem;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
background: #f8f8f8;
|
||||
color: #8d959a;
|
||||
margin: 3px 0;
|
||||
@@ -791,11 +791,11 @@ tr {
|
||||
background: #54c5b0;
|
||||
color: #fff; }
|
||||
.button.secondary {
|
||||
background: #29796b;
|
||||
background: #2a7a6b;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 4px; }
|
||||
.button.secondary:hover {
|
||||
background: #2f8c7c;
|
||||
background: #318d7c;
|
||||
color: #fff; }
|
||||
|
||||
#error {
|
||||
@@ -822,7 +822,7 @@ tr {
|
||||
#admin-login .form-data {
|
||||
padding-right: 0; }
|
||||
#admin-login h1 {
|
||||
background: #20333e url(../images/logo.png) 50% 50% no-repeat;
|
||||
background: #21333e url(../images/logo.png) 50% 50% no-repeat;
|
||||
font-size: 0;
|
||||
color: transparent;
|
||||
height: 216px;
|
||||
@@ -838,15 +838,15 @@ tr {
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
-webkit-font-smoothing: auto;
|
||||
border: 1px solid #1d2e38; }
|
||||
border: 1px solid #1e2e39; }
|
||||
#admin-login form input::-webkit-input-placeholder {
|
||||
color: #83949c; }
|
||||
color: #83949d; }
|
||||
#admin-login form input::-moz-placeholder {
|
||||
color: #83949c; }
|
||||
color: #83949d; }
|
||||
#admin-login form input:-moz-placeholder {
|
||||
color: #83949c; }
|
||||
color: #83949d; }
|
||||
#admin-login form input:-ms-input-placeholder {
|
||||
color: #83949c; }
|
||||
color: #83949d; }
|
||||
#admin-login form .form-actions {
|
||||
text-align: center;
|
||||
margin: 0 -3rem -3rem -3rem;
|
||||
@@ -870,7 +870,7 @@ tr {
|
||||
color: #fff; }
|
||||
|
||||
#admin-logo {
|
||||
background: #20333e;
|
||||
background: #21333e;
|
||||
height: 4.2rem; }
|
||||
#admin-logo h3 {
|
||||
text-transform: uppercase;
|
||||
@@ -884,7 +884,7 @@ tr {
|
||||
|
||||
#admin-user-details {
|
||||
padding: 2rem;
|
||||
border-bottom: 1px solid #20333e;
|
||||
border-bottom: 1px solid #21333e;
|
||||
overflow: hidden; }
|
||||
#admin-user-details img {
|
||||
-webkit-transition: all 0.5s ease;
|
||||
@@ -919,7 +919,7 @@ tr {
|
||||
#admin-menu li .badges .badge {
|
||||
display: inline-block;
|
||||
margin-right: -5px;
|
||||
color: #e5e5e5; }
|
||||
color: #e6e6e6; }
|
||||
#admin-menu li .badges .count {
|
||||
background-color: #365569; }
|
||||
#admin-menu li .badges .updates {
|
||||
@@ -948,7 +948,7 @@ tr {
|
||||
color: #afc7d5;
|
||||
margin-right: 8px; }
|
||||
#admin-menu li a:hover {
|
||||
background: #20333e;
|
||||
background: #21333e;
|
||||
color: #fff; }
|
||||
#admin-menu li a:hover i {
|
||||
font-size: 1.2rem; }
|
||||
@@ -1593,110 +1593,9 @@ body.remodal_active .remodal {
|
||||
top: 0px;
|
||||
opacity: 1; }
|
||||
|
||||
.uk-htmleditor-fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1500; }
|
||||
.uk-htmleditor-fullscreen .uk-htmleditor-content, .uk-htmleditor-fullscreen .uk-htmleditor-code, .uk-htmleditor-fullscreen .CodeMirror-wrap, .uk-htmleditor-fullscreen .uk-htmleditor-preview {
|
||||
height: 100% !important; }
|
||||
.uk-htmleditor-fullscreen .uk-htmleditor-navbar, .uk-htmleditor-fullscreen .uk-htmleditor-navbar ul li:first-child a, .uk-htmleditor-fullscreen .uk-htmleditor-navbar-flip ul li:last-child a {
|
||||
border-radius: 0; }
|
||||
|
||||
.uk-htmleditor-navbar {
|
||||
border: 1px solid #d4d4d4;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
background: #fbfbfb; }
|
||||
.uk-htmleditor-navbar:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.uk-htmleditor-navbar ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.uk-htmleditor-navbar ul li {
|
||||
float: left; }
|
||||
.uk-htmleditor-navbar ul li:first-child a {
|
||||
border-top-left-radius: 4px; }
|
||||
.uk-htmleditor-navbar ul .uk-active a {
|
||||
background: white;
|
||||
cursor: auto;
|
||||
border-left: 1px solid #d4d4d4;
|
||||
border-right: 1px solid #d4d4d4; }
|
||||
.uk-htmleditor-navbar ul .uk-active a:hover {
|
||||
background: #fff; }
|
||||
.uk-htmleditor-navbar ul a {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
line-height: 3rem;
|
||||
height: 3rem;
|
||||
padding: 0 1rem;
|
||||
color: #737C81; }
|
||||
.uk-htmleditor-navbar ul a:hover {
|
||||
background: #f3f3f3;
|
||||
color: #5b6266; }
|
||||
|
||||
.uk-htmleditor-navbar-nav {
|
||||
float: left; }
|
||||
|
||||
.uk-htmleditor-navbar-flip {
|
||||
float: right; }
|
||||
.uk-htmleditor-navbar-flip ul li:last-child a {
|
||||
border-top-right-radius: 4px; }
|
||||
|
||||
.uk-htmleditor-content {
|
||||
border: 1px solid #d4d4d4;
|
||||
border-top: 0;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px; }
|
||||
.uk-htmleditor-content:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
|
||||
.uk-htmleditor-code .CodeMirror {
|
||||
padding: 10px 20px 20px 20px;
|
||||
border-bottom-left-radius: 4px; }
|
||||
|
||||
.uk-htmleditor-preview {
|
||||
padding: 20px;
|
||||
overflow-y: scroll;
|
||||
position: relative;
|
||||
background: #fbfbfb;
|
||||
border-bottom-right-radius: 4px; }
|
||||
|
||||
#admin-main .uk-htmleditor-preview {
|
||||
font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
|
||||
#admin-main .uk-htmleditor-preview h1, #admin-main .uk-htmleditor-preview h2, #admin-main .uk-htmleditor-preview h3, #admin-main .uk-htmleditor-preview h4, #admin-main .uk-htmleditor-preview h5, #admin-main .uk-htmleditor-preview h6 {
|
||||
color: #5b6266; }
|
||||
#admin-main .uk-htmleditor-preview h1 {
|
||||
font-size: 2rem;
|
||||
border: 0; }
|
||||
#admin-main .uk-htmleditor-preview h2 {
|
||||
font-size: 1.6rem; }
|
||||
#admin-main .uk-htmleditor-preview h3 {
|
||||
font-size: 1.4rem; }
|
||||
#admin-main .uk-htmleditor-preview h4 {
|
||||
font-size: 1.2rem; }
|
||||
#admin-main .uk-htmleditor-preview h5 {
|
||||
font-size: 1.1rem; }
|
||||
#admin-main .uk-htmleditor-preview p, #admin-main .uk-htmleditor-preview h1 {
|
||||
padding: 0; }
|
||||
|
||||
[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview, [data-mode=tab][data-active-tab=preview] .uk-htmleditor-code {
|
||||
display: none; }
|
||||
|
||||
[data-mode=split] .uk-htmleditor-button-code, [data-mode=split] .uk-htmleditor-button-preview {
|
||||
display: none; }
|
||||
[data-mode=split] .uk-htmleditor-code {
|
||||
border-right: 1px solid #d4d4d4; }
|
||||
[data-mode=split] .uk-htmleditor-code, [data-mode=split] .uk-htmleditor-code .uk-htmleditor-preview {
|
||||
float: left;
|
||||
width: 50%; }
|
||||
.grav-mdeditor .CodeMirror-scroll {
|
||||
margin-right: -36px;
|
||||
padding-bottom: 36px; }
|
||||
|
||||
.grav-mdeditor-fullscreen {
|
||||
position: fixed;
|
||||
@@ -1711,7 +1610,7 @@ body.remodal_active .remodal {
|
||||
border-radius: 0; }
|
||||
|
||||
.grav-mdeditor-navbar {
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
background: #fbfbfb; }
|
||||
@@ -1730,8 +1629,8 @@ body.remodal_active .remodal {
|
||||
.grav-mdeditor-navbar ul .mdeditor-active a {
|
||||
background: white;
|
||||
cursor: auto;
|
||||
border-left: 1px solid #d4d4d4;
|
||||
border-right: 1px solid #d4d4d4; }
|
||||
border-left: 1px solid #d5d5d5;
|
||||
border-right: 1px solid #d5d5d5; }
|
||||
.grav-mdeditor-navbar ul .mdeditor-active a:hover {
|
||||
background: #fff; }
|
||||
.grav-mdeditor-navbar ul a {
|
||||
@@ -1754,7 +1653,7 @@ body.remodal_active .remodal {
|
||||
border-top-right-radius: 4px; }
|
||||
|
||||
.grav-mdeditor-content {
|
||||
border: 1px solid #d4d4d4;
|
||||
border: 1px solid #d5d5d5;
|
||||
border-top: 0;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px; }
|
||||
@@ -1798,7 +1697,7 @@ body.remodal_active .remodal {
|
||||
[data-mode=split] .grav-mdeditor-button-code, [data-mode=split] .grav-mdeditor-button-preview {
|
||||
display: none; }
|
||||
[data-mode=split] .grav-mdeditor-code {
|
||||
border-right: 1px solid #d4d4d4; }
|
||||
border-right: 1px solid #d5d5d5; }
|
||||
[data-mode=split] .grav-mdeditor-code, [data-mode=split] .grav-mdeditor-code .grav-mdeditor-preview {
|
||||
float: left;
|
||||
width: 50%; }
|
||||
@@ -1894,7 +1793,7 @@ body.remodal_active .remodal {
|
||||
|
||||
.dropzone {
|
||||
position: relative;
|
||||
border: 1px #d4d4d4 solid;
|
||||
border: 1px #d5d5d5 solid;
|
||||
border-radius: 4px;
|
||||
min-height: 4rem;
|
||||
background: #fff; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,171 +1,11 @@
|
||||
.uk-htmleditor {
|
||||
|
||||
}
|
||||
|
||||
.uk-htmleditor-fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1500;
|
||||
|
||||
.uk-htmleditor-content, .uk-htmleditor-code, .CodeMirror-wrap, .uk-htmleditor-preview {
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.uk-htmleditor-navbar, .uk-htmleditor-navbar ul li:first-child a, .uk-htmleditor-navbar-flip ul li:last-child a {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.uk-htmleditor-navbar {
|
||||
@include clearfix;
|
||||
border: 1px solid $form-border;
|
||||
border-top-right-radius: $form-border-radius;
|
||||
border-top-left-radius: $form-border-radius;
|
||||
background: lighten($content-bg,5%);
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
|
||||
|
||||
li {
|
||||
float: left;
|
||||
&:first-child a {
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
}
|
||||
.uk-active a {
|
||||
background: white;
|
||||
cursor: auto;
|
||||
border-left: 1px solid $form-border;
|
||||
border-right: 1px solid $form-border;
|
||||
&:hover {
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
line-height: 3rem;
|
||||
height: 3rem;
|
||||
padding: 0 1rem;
|
||||
color: $content-fg;
|
||||
|
||||
&:hover {
|
||||
background: lighten($content-bg,2%);
|
||||
color: darken($content-fg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.uk-htmleditor-navbar-nav {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.uk-htmleditor-navbar-flip {
|
||||
float: right;
|
||||
ul li:last-child a {
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.uk-htmleditor-content {
|
||||
|
||||
@include clearfix;
|
||||
border: 1px solid $form-border;
|
||||
border-top: 0;
|
||||
border-bottom-right-radius: $form-border-radius;
|
||||
border-bottom-left-radius: $form-border-radius;
|
||||
}
|
||||
|
||||
.uk-htmleditor-code {
|
||||
|
||||
|
||||
|
||||
.CodeMirror {
|
||||
padding: 10px 20px 20px 20px;
|
||||
border-bottom-left-radius: $form-border-radius;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.uk-htmleditor-preview {
|
||||
padding: 20px;
|
||||
overflow-y: scroll;
|
||||
position: relative;
|
||||
background: #fbfbfb;
|
||||
border-bottom-right-radius: $form-border-radius;
|
||||
}
|
||||
|
||||
#admin-main {
|
||||
.uk-htmleditor-preview {
|
||||
font-family: $font-family-default;
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: darken($content-fg, 10%);
|
||||
}
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
border: 0;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
h5 {
|
||||
font-size: 1.1rem
|
||||
}
|
||||
p, h1 {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[data-mode=tab] {
|
||||
&[data-active-tab=code] .uk-htmleditor-preview, &[data-active-tab=preview] .uk-htmleditor-code {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
[data-mode=split] {
|
||||
.uk-htmleditor-button-code, .uk-htmleditor-button-preview {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.uk-htmleditor-code {
|
||||
border-right: 1px solid $form-border;
|
||||
|
||||
&, .uk-htmleditor-preview {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Grav Editor
|
||||
.grav-mdeditor {
|
||||
|
||||
.CodeMirror-scroll {
|
||||
margin-right: -36px;
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.grav-mdeditor-fullscreen {
|
||||
|
||||
Reference in New Issue
Block a user