commit 005b3b053403b92ad0e47e6ca9e5d60d5711f49c
parent ab7ed1bb82b573dbaacdf85f917f82758383acea
Author: Jan Dankert <develop@jandankert.de>
Date: Mon, 29 Nov 2021 23:54:33 +0100
New: Spinner image with pure css. So we can colorize it now.
Diffstat:
11 files changed, 84 insertions(+), 28 deletions(-)
diff --git a/modules/cms/ui/themes/default/html/views/index/show.php b/modules/cms/ui/themes/default/html/views/index/show.php
@@ -24,6 +24,7 @@
</head>
<body><?php echo O::escapeHtml('') ?>
<div id="<?php echo O::escapeHtml('workbench') ?>" class="<?php echo O::escapeHtml('or-workbench or--initial-hidden') ?>"><?php echo O::escapeHtml('') ?>
+ <div class="<?php echo O::escapeHtml('or-workbench-loader') ?>"><?php echo O::escapeHtml('') ?></div>
<div class="<?php echo O::escapeHtml('or-workbench-navigation') ?>"><?php echo O::escapeHtml('') ?>
<div class="<?php echo O::escapeHtml('or-workbench-screen or-workbench-navigation-content or-search') ?>"><?php echo O::escapeHtml('') ?>
<div class="<?php echo O::escapeHtml('or-workbench-title or-workbench-search') ?>"><?php echo O::escapeHtml('') ?>
diff --git a/modules/cms/ui/themes/default/html/views/index/show.tpl.src.xml b/modules/cms/ui/themes/default/html/views/index/show.tpl.src.xml
@@ -35,7 +35,7 @@
<body>
<!-- This is the CMS workbench which contains the whole application -->
<div id="workbench" class="or-workbench or--initial-hidden">
-
+ <div class="or-workbench-loader"></div>
<!-- Navigation -->
<div class="or-workbench-navigation">
diff --git a/modules/cms/ui/themes/default/images/loader.gif b/modules/cms/ui/themes/default/images/loader.gif
Binary files differ.
diff --git a/modules/cms/ui/themes/default/script/openrat/form.js b/modules/cms/ui/themes/default/script/openrat/form.js
@@ -38,7 +38,10 @@ export default class Form {
}
setLoadStatus( isLoading ) {
- $(this.element).closest('div.content').toggleClass('loader',isLoading);
+ if ( isLoading )
+ Workbench.getInstance().startSpinner();
+ else
+ Workbench.getInstance().stopSpinner();
}
initOnElement( element ) {
diff --git a/modules/cms/ui/themes/default/script/openrat/notice.js b/modules/cms/ui/themes/default/script/openrat/notice.js
@@ -63,11 +63,11 @@ export default class Notice {
inProgress() {
- this.element.addClass('loader');
+ //this.element.addClass('loader');
}
stopProgress() {
- this.element.removeClass('loader');
+ //this.element.removeClass('loader');
}
show() {
diff --git a/modules/cms/ui/themes/default/script/openrat/view.js b/modules/cms/ui/themes/default/script/openrat/view.js
@@ -69,7 +69,7 @@ export default class View {
let element = this.element;
let view = this;
- $(this.element).addClass('loader');
+ //$(this.element).addClass('loader');
console.debug( view );
try {
@@ -121,7 +121,7 @@ export default class View {
notice.show();
}
finally {
- $(element).removeClass("loader");
+ //$(element).removeClass("loader");
}
}
diff --git a/modules/cms/ui/themes/default/script/openrat/workbench.js b/modules/cms/ui/themes/default/script/openrat/workbench.js
@@ -202,18 +202,30 @@ export default class Workbench {
*/
reloadViews() {
+ this.startSpinner();
let promise = this.loadViews( $('.or-workbench .or-act-view-loader') );
+ promise.then(
+ () => this.stopSpinner()
+ );
+
return promise;
}
+ startSpinner() {
+ $('.or-workbench-loader').addClass('loader').addClass('loader--is-active');
+ }
+ stopSpinner() {
+ $('.or-workbench-loader').removeClass('loader').removeClass('loader--is-active');
+ }
+
/**
* @return a promise for all views
*/
reloadAll() {
- document.querySelector('body').classList.add('or-loader');
+ this.startSpinner();
let promise = this.loadViews( $('.or-act-view-loader,.or-act-view-static') );
console.debug('reloading all views');
@@ -225,7 +237,7 @@ export default class Workbench {
let all = Promise.all( [ promise,stylePromise,languagePromise,settingsPromise ] );
all.then(
- () => document.querySelector('body').classList.remove('or-loader')
+ () => this.stopSpinner()
);
return all;
diff --git a/modules/cms/ui/themes/default/style/openrat-workbench.less b/modules/cms/ui/themes/default/style/openrat-workbench.less
@@ -348,18 +348,35 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
/* Fortschrittsbalken, fuer alle Elemente verfuegbar. */
&-loader
{
- background: url(../images/loader.gif) no-repeat;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin-left: auto;
+ margin-right: auto;
+
+ border-width: 0.5em;
+ border-style: solid;
+ border-radius: 50%;
+ visibility: hidden;
+ z-index: 6;
+
+ &--is-active {
+
+ visibility: visible;
+ width: 5em;
+ height: 5em;
+ animation: spin 2s linear infinite;
+
+ @keyframes spin {
+ 0% { transform: rotate( 0deg); }
+ 100% { transform: rotate(360deg); }
+ }
// Reduced Motion
@media screen and (prefers-reduced-motion: reduce) {
- background: none;
+ display: none;
}
-
- background-position: center, top;
- height: 30px;
- opacity: 0.5;
- cursor: wait;
- pointer-events: none;
+ }
}
diff --git a/modules/cms/ui/themes/default/style/openrat.css b/modules/cms/ui/themes/default/style/openrat.css
@@ -1716,16 +1716,34 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
}
}
.or-loader {
- background: url(../images/loader.gif) no-repeat;
- background-position: center, top;
- height: 30px;
- opacity: 0.5;
- cursor: wait;
- pointer-events: none;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin-left: auto;
+ margin-right: auto;
+ border-width: 0.5em;
+ border-style: solid;
+ border-radius: 50%;
+ visibility: hidden;
+ z-index: 6;
+}
+.or-loader--is-active {
+ visibility: visible;
+ width: 5em;
+ height: 5em;
+ animation: spin 2s linear infinite;
+}
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
}
@media screen and (prefers-reduced-motion: reduce) {
- .or-loader {
- background: none;
+ .or-loader--is-active {
+ display: none;
}
}
@media only screen and (max-width: 55rem) {
@@ -1733,7 +1751,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
font-size: 1.1em;
}
}
-/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Flocalhost%5C%2Fcms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-workbench.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAoCA%3B%3B%3BAAEI%2CGAAC%3BCAEG%3BCACA%3BCACA%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAEA%2CGAPH%2CUAOI%3BCAEC%3B%3BAAIF%2CGAbH%2CUAaI%3B%3BCAEC%3BCACA%3BCACA%3B%3B%3B%3B%3B%3BAAJF%2CGAbH%2CUAaI%2COAeG%3BCAGA%3BCACA%3B%3BAAQJ%2CGAxCH%2CUAwCI%3BCACC%3B%3BAAGF%2CGA5CH%2CUA4CI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3BCAGA%3B%3BAARJ%2CGA5CH%2CUA4CI%2CMAUG%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGAhEX%2CUA4CI%2CMAUG%2CcAMI%2CKAAI%3BCAIJ%2CGAhEX%2CUA4CI%2CMAUG%2CcAMgB%3BEAEJ%3B%3B%3BAAQhB%2CGAtEH%2CUAsEI%3BCACG%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAA%2BDJ%2CGAtIH%2CUAsII%3BCACG%3B%3BAAGJ%2CGA1IH%2CUA0II%3BCACG%3B%3BAAGJ%2CGA9IH%2CUA8II%2CqBACG%3BCACI%3B%3BAAFR%2CGA9IH%2CUA8II%2CqBAKG%3BCACI%3B%3BAAIR%2CGAxJH%2CUAwJI%3BCAEG%3BCACA%3BCACA%3B%3BAAEA%2CGA9JP%2CUAwJI%2CWAMI%3BCAEC%3B%3BAAIF%3BCAAA%2CGApKP%2CUAwJI%2CWAMI%3BEAIG%3B%3B%3BAAGJ%2CGArKP%2CUAwJI%2CWAaI%3BCACC%3BCACA%3B%3BAAGF%2CGA1KP%2CUAwJI%2CWAkBI%3BCAEG%3BCACA%3BCAOA%3BCACA%3B%3BAASN%2CGA9LL%2CUAwJI%2CWAsCE%3BCACK%3B%3BAADN%2CGA9LL%2CUAwJI%2CWAsCE%2CUAOK%3BCAEI%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAVV%2CGA9LL%2CUAwJI%2CWAsCE%2CUAOK%2CmCAKI%3BCACE%3B%3BAAbZ%2CGA9LL%2CUAwJI%2CWAsCE%2CUA6BK%3BCACI%3B%3BAAkCR%3BCAAA%2CGA9PP%2CUAwJI%3BEA0EO%3B%3BCA4BJ%2CGA9PP%2CUAwJI%2CWA4EO%3B%3B%3B%3B%3B%3BCAQA%2CGA5OX%2CUAwJI%2CWAoFQ%3BEASC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BCAbF%2CGA5OX%2CUAwJI%2CWAoFQ%2CSAEC%3BEACE%3B%3BCAHJ%2CGA5OX%2CUAwJI%2CWAoFQ%2CSAKC%3BEACE%3B%3B%3BAAiBR%3BCAAA%2CGAnQP%2CUAwJI%3BEAuGO%3B%3B%3BAAvGR%2CGAxJH%2CUAwJI%2CWA2GG%3BCACI%3B%3BAAOZ%2CGAAC%3BCACG%3B%3BAAKJ%3BCAAA%2CGANC%3BEAGO%3B%3B%3BAASR%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAIR%2CGAAC%3BCACG%3B%3BAAIJ%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAIR%2CGAAC%3BCACG%3B%3BAAIJ%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAmBR%2CGAAC%3BCAEG%2C%2BCAAA%3BCAOA%2CgCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAJA%2CmBAJmD%3BCAInD%2CGATH%3BEAMK%3B%3B%3BAAyBV%3BCALI%3BEACI%22%7D */
+/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Flocalhost%5C%2Fcms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-workbench.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAoCA%3B%3B%3BAAEI%2CGAAC%3BCAEG%3BCACA%3BCACA%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAEA%2CGAPH%2CUAOI%3BCAEC%3B%3BAAIF%2CGAbH%2CUAaI%3B%3BCAEC%3BCACA%3BCACA%3B%3B%3B%3B%3B%3BAAJF%2CGAbH%2CUAaI%2COAeG%3BCAGA%3BCACA%3B%3BAAQJ%2CGAxCH%2CUAwCI%3BCACC%3B%3BAAGF%2CGA5CH%2CUA4CI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3BCAGA%3B%3BAARJ%2CGA5CH%2CUA4CI%2CMAUG%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGAhEX%2CUA4CI%2CMAUG%2CcAMI%2CKAAI%3BCAIJ%2CGAhEX%2CUA4CI%2CMAUG%2CcAMgB%3BEAEJ%3B%3B%3BAAQhB%2CGAtEH%2CUAsEI%3BCACG%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAA%2BDJ%2CGAtIH%2CUAsII%3BCACG%3B%3BAAGJ%2CGA1IH%2CUA0II%3BCACG%3B%3BAAGJ%2CGA9IH%2CUA8II%2CqBACG%3BCACI%3B%3BAAFR%2CGA9IH%2CUA8II%2CqBAKG%3BCACI%3B%3BAAIR%2CGAxJH%2CUAwJI%3BCAEG%3BCACA%3BCACA%3B%3BAAEA%2CGA9JP%2CUAwJI%2CWAMI%3BCAEC%3B%3BAAIF%3BCAAA%2CGApKP%2CUAwJI%2CWAMI%3BEAIG%3B%3B%3BAAGJ%2CGArKP%2CUAwJI%2CWAaI%3BCACC%3BCACA%3B%3BAAGF%2CGA1KP%2CUAwJI%2CWAkBI%3BCAEG%3BCACA%3BCAOA%3BCACA%3B%3BAASN%2CGA9LL%2CUAwJI%2CWAsCE%3BCACK%3B%3BAADN%2CGA9LL%2CUAwJI%2CWAsCE%2CUAOK%3BCAEI%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAVV%2CGA9LL%2CUAwJI%2CWAsCE%2CUAOK%2CmCAKI%3BCACE%3B%3BAAbZ%2CGA9LL%2CUAwJI%2CWAsCE%2CUA6BK%3BCACI%3B%3BAAkCR%3BCAAA%2CGA9PP%2CUAwJI%3BEA0EO%3B%3BCA4BJ%2CGA9PP%2CUAwJI%2CWA4EO%3B%3B%3B%3B%3B%3BCAQA%2CGA5OX%2CUAwJI%2CWAoFQ%3BEASC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BCAbF%2CGA5OX%2CUAwJI%2CWAoFQ%2CSAEC%3BEACE%3B%3BCAHJ%2CGA5OX%2CUAwJI%2CWAoFQ%2CSAKC%3BEACE%3B%3B%3BAAiBR%3BCAAA%2CGAnQP%2CUAwJI%3BEAuGO%3B%3B%3BAAvGR%2CGAxJH%2CUAwJI%2CWA2GG%3BCACI%3B%3BAAOZ%2CGAAC%3BCACG%3B%3BAAKJ%3BCAAA%2CGANC%3BEAGO%3B%3B%3BAASR%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAIR%2CGAAC%3BCACG%3B%3BAAIJ%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAIR%2CGAAC%3BCACG%3B%3BAAIJ%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAmBR%2CGAAC%3BCAEC%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CGAdD%2COAcE%3BCAEC%3BCACA%3BCACA%3BCACA%2CkCAAA%3B%3BAAEA%3BCACI%3BEAAK%2CWAAW%2CYAAX%3B%3BCACP%3BEAAO%2CWAAW%2CcAAX%3B%3B%3BAAOX%2CmBAHqD%3BCAGrD%2CGA9BD%2COAcE%3BEAcG%3B%3B%3BAAoBV%3BCALI%3BEACI%22%7D */
/* Include style: /../../../template_engine/components/html/component_editor/editor */
.editor__text-editor {
width: 100%;
diff --git a/modules/cms/ui/themes/default/style/openrat.min.css b/modules/cms/ui/themes/default/style/openrat.min.css
@@ -19,7 +19,7 @@
html,body{width: 100%;height: 100%}@media only screen and (min-width: 56rem){body:before{content: "";position: fixed;left: 0;right: 0;z-index: -1;width: 100%;height: 100%;display: block;background-size: cover;background-position: center;background-repeat: no-repeat}}.or-editor-toolbar{font-size: 1.5em}iframe{width: 100%;height: 500px;display: block}a:link,a:visited{font-weight: normal;text-decoration: none}a:active,a:hover{font-weight: normal;text-decoration: none}.or-act-clickable{cursor: pointer}.CodeMirror{height: auto}.or-search > .or-input{box-shadow: none !important;background-color: transparent !important}.or--initial-hidden{opacity: 0}.or-view-flying-button{display: block;bottom: 1em;right: 1em;position: absolute}.or-linklist{display: flex;flex-direction: column;padding: 10% 20%}.or-linklist > .or-linklist-line{border: 1px solid;margin-top: 1em;padding: 1em;border-radius: .5em;-moz-border-radius: .5em;-webkit-border-radius: .5em;-khtml-border-radius: .5em}.or-dirty{font-weight: bold}.or-draggable{cursor: move}.or-droppable--active{background-color: #3c8b2e !important;cursor: move;z-index: 3}.or-droppable--hover{background-color: #08f169 !important;cursor: move;z-index: 3}.or--invisible{visibility: hidden}.or--visible{visibility: visible}.or-link{color: inherit}.or-link--is-active{font-weight: bold}legend{font-size: 1.1em;font-weight: bold;padding: 0 .5em}
.or-view{padding: 0.5em}.or-view-header{font-size: 1.2em}
-.or-workbench{width: 100%;height: 100%;display: flex;flex-direction: row}.or-workbench--visible-on-dialog-open{z-index: 3}.or-workbench-screen{display: flex;flex-direction: column;position: relative}.or-workbench-screen > *{overflow-y: auto;overflow-x: hidden}.or-workbench-main{flex: 1}.or-workbench-title{height: 3.0rem;max-height: 3.0rem;min-height: 3.0rem;overflow: hidden;padding: 0.5em;font-size: 1.2em}.or-workbench-title .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){.or-workbench-title .toolbar-icon span.label,.or-workbench-title .toolbar-icon .arrow-down{display: none}}.or-workbench-content{flex: 1}.or-workbench--visible-on-small{display: none}.or-workbench--visible-on-wide{display: block}.or-workbench--navigation-is-small .or-workbench--visible-on-wide{display: none}.or-workbench--navigation-is-small .or-workbench--visible-on-small{display: block}.or-workbench-navigation{display: flex;flex-direction: row;width: 30em}.or-workbench-navigation-content{flex: 1}@media only screen and (max-width: 55rem){.or-workbench-navigation-content{flex: none}}.or-workbench-navigation-filler{flex: 0;opacity: 0.6}.or-workbench-navigation-container{width: 100%;position: relative;padding: 0.7em;overflow-x: hidden}.or-workbench-navigation--is-small{width: 0}.or-workbench-navigation--is-small .or-workbench-navigation-container{width: 0;overflow-y: hidden}.or-workbench-navigation--is-small .or-workbench-navigation-container .or-navtree{opacity: 0.2}.or-workbench-navigation--is-small .or-navtree{opacity: 0}@media only screen and (max-width: 55rem){.or-workbench-navigation{width: 0}.or-workbench-navigation--is-open{position: fixed;width: 100%;z-index: 1;opacity: 1;height: 100%}.or-workbench-navigation--is-open .or-workbench-navigation-content{width: 90%}.or-workbench-navigation--is-open .or-workbench-navigation-filler{flex: 1}}@media only screen and (min-width: 75rem){.or-workbench-navigation{overflow-y: auto}}.or-workbench-navigation .or-view{height: 100%}.or--visible-on-mobile{display: none}@media only screen and (max-width: 55rem){.or--visible-on-mobile{display: inline}}@media only screen and (max-width: 55rem){.or--visible-on-desktop{display: none}}.or-toggle-nav-small{display: inline}@media only screen and (max-width: 55rem){.or-toggle-nav-small{display: none}}.or-toggle-nav-open-close{display: none}@media only screen and (max-width: 55rem){.or-toggle-nav-open-close{display: inline}}.or-loader{background: url(../images/loader.gif) no-repeat;background-position: center, top;height: 30px;opacity: 0.5;cursor: wait;pointer-events: none}@media screen and (prefers-reduced-motion: reduce){.or-loader{background: none}}@media only screen and (max-width: 55rem){html{font-size: 1.1em}}
+.or-workbench{width: 100%;height: 100%;display: flex;flex-direction: row}.or-workbench--visible-on-dialog-open{z-index: 3}.or-workbench-screen{display: flex;flex-direction: column;position: relative}.or-workbench-screen > *{overflow-y: auto;overflow-x: hidden}.or-workbench-main{flex: 1}.or-workbench-title{height: 3.0rem;max-height: 3.0rem;min-height: 3.0rem;overflow: hidden;padding: 0.5em;font-size: 1.2em}.or-workbench-title .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){.or-workbench-title .toolbar-icon span.label,.or-workbench-title .toolbar-icon .arrow-down{display: none}}.or-workbench-content{flex: 1}.or-workbench--visible-on-small{display: none}.or-workbench--visible-on-wide{display: block}.or-workbench--navigation-is-small .or-workbench--visible-on-wide{display: none}.or-workbench--navigation-is-small .or-workbench--visible-on-small{display: block}.or-workbench-navigation{display: flex;flex-direction: row;width: 30em}.or-workbench-navigation-content{flex: 1}@media only screen and (max-width: 55rem){.or-workbench-navigation-content{flex: none}}.or-workbench-navigation-filler{flex: 0;opacity: 0.6}.or-workbench-navigation-container{width: 100%;position: relative;padding: 0.7em;overflow-x: hidden}.or-workbench-navigation--is-small{width: 0}.or-workbench-navigation--is-small .or-workbench-navigation-container{width: 0;overflow-y: hidden}.or-workbench-navigation--is-small .or-workbench-navigation-container .or-navtree{opacity: 0.2}.or-workbench-navigation--is-small .or-navtree{opacity: 0}@media only screen and (max-width: 55rem){.or-workbench-navigation{width: 0}.or-workbench-navigation--is-open{position: fixed;width: 100%;z-index: 1;opacity: 1;height: 100%}.or-workbench-navigation--is-open .or-workbench-navigation-content{width: 90%}.or-workbench-navigation--is-open .or-workbench-navigation-filler{flex: 1}}@media only screen and (min-width: 75rem){.or-workbench-navigation{overflow-y: auto}}.or-workbench-navigation .or-view{height: 100%}.or--visible-on-mobile{display: none}@media only screen and (max-width: 55rem){.or--visible-on-mobile{display: inline}}@media only screen and (max-width: 55rem){.or--visible-on-desktop{display: none}}.or-toggle-nav-small{display: inline}@media only screen and (max-width: 55rem){.or-toggle-nav-small{display: none}}.or-toggle-nav-open-close{display: none}@media only screen and (max-width: 55rem){.or-toggle-nav-open-close{display: inline}}.or-loader{position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;border-width: 0.5em;border-style: solid;border-radius: 50%;visibility: hidden;z-index: 6}.or-loader--is-active{visibility: visible;width: 5em;height: 5em;animation: spin 2s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@media screen and (prefers-reduced-motion: reduce){.or-loader--is-active{display: none}}@media only screen and (max-width: 55rem){html{font-size: 1.1em}}
.editor__text-editor{width: 100%;height: 300px}textarea.editor__code-editor{display: none}div.editor__code-editor{position: absolute;height: 500px;width: 100%;font-size: 14px;z-index: 256}textarea.editor__text-editor,textarea.editor__wiki-editor,textarea.editor__html-editor{width: 100%}a.editorlink:active,a.editorlink:hover{font-weight: normal;text-decoration: none}a.editorlink:link,a.editorlink:visited{font-weight: normal;text-decoration: none}
.or-group{margin: 2em 0}.or-group-title{font-size: 1.1em;font-weight: normal;border-bottom: 1px solid}
diff --git a/modules/cms/ui/themes/default/style/theme/openrat-theme.less b/modules/cms/ui/themes/default/style/theme/openrat-theme.less
@@ -60,6 +60,11 @@ html {
.or {
+ &-loader {
+ border-color: @cms-inactive-background-color;
+ border-top-color: @cms-image-color;
+ }
+
&-workbench {
&-navigation {
scrollbar-face-color: mix(@cms-nav-text-color,@cms-nav-background-color);
@@ -291,8 +296,8 @@ html {
//border-color: @cms-main-title-text-color;
&--error {
- border-bottom: 1px dotted @cms-main-text-color ! important;
- border: 1px solid @cms-notice-error-color ! important;
+ //border-bottom: 1px dotted @cms-main-text-color ! important;
+ border-color: @cms-notice-error-color ! important;
}