commit c0403c4a40905f7dba154d7c5eac8803412dd882
parent 2ee65149d16550846550728725c75dc707171661
Author: Jan Dankert <develop@jandankert.de>
Date: Wed, 11 Nov 2020 13:11:14 +0100
Fixed navigation layout issues.
Diffstat:
6 files changed, 90 insertions(+), 64 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
@@ -17,7 +17,9 @@
<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('') ?>
<nav class="<?php echo O::escapeHtml('or-workbench-navigation') ?>"><?php echo O::escapeHtml('') ?>
- <div class="<?php echo O::escapeHtml('or-view or-act-view-static') ?>" data-action="<?php echo O::escapeHtml('tree') ?>" data-method="<?php echo O::escapeHtml('show') ?>"><?php echo O::escapeHtml('') ?>
+ <div class="<?php echo O::escapeHtml('or-workbench-navigation-container') ?>"><?php echo O::escapeHtml('') ?>
+ <div class="<?php echo O::escapeHtml('or-view or-act-view-static') ?>" data-action="<?php echo O::escapeHtml('tree') ?>" data-method="<?php echo O::escapeHtml('show') ?>"><?php echo O::escapeHtml('') ?>
+ </div>
</div>
</nav>
<div class="<?php echo O::escapeHtml('or-workbench-main') ?>"><?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
@@ -22,34 +22,42 @@
</head>
<body>
-
+ <!-- This is the CMS workbench which contains the whole application -->
<div id="workbench" class="or-workbench or--initial-hidden">
+ <!-- Navigation -->
<nav class="or-workbench-navigation">
- <div class="or-view or-act-view-static" data-action="tree" data-method="show" />
+ <div class="or-workbench-navigation-container">
+ <div class="or-view or-act-view-static" data-action="tree" data-method="show" />
+ </div>
</nav>
+ <!-- Main area -->
<div class="or-workbench-main">
+ <!-- Header menu -->
<header id="title" class="or-workbench-title or-view or-act-view-static" data-action="title"
data-method="show">
</header>
+ <!-- The workplace with some views -->
<main class="or-workbench-workplace">
<header>
- <div class="or-breadcrumb"></div>
+ <div class="or-breadcrumb"/>
</header>
<or:list list="${methodList}" value="method">
+
+ <!-- A section containing the view -->
<section class="or-workbench-section or-collapsible or-collapsible--is-open">
<header class="or-view-header or-collapsible-act-switch or-collapsible-title">
- <i class="or-collapsible--on-open or-image-icon or-image-icon--node-open"></i>
- <i class="or-collapsible--on-closed or-image-icon or-image-icon--node-closed"></i>
+ <i class="or-collapsible--on-open or-image-icon or-image-icon--node-open"/>
+ <i class="or-collapsible--on-closed or-image-icon or-image-icon--node-closed"/>
<span
- class="or-view-icon or-image-icon or-image-icon--method-${method.name}"></span>
+ class="or-view-icon or-image-icon or-image-icon--method-${method.name}"/>
<or:text value="${message:METHOD_${method.name}}"/>
</header>
diff --git a/modules/cms/ui/themes/default/style/openrat-workbench.less b/modules/cms/ui/themes/default/style/openrat-workbench.less
@@ -183,61 +183,76 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
&-navigation {
+
+ &-container {
+
+ width: 30em;
+
+ position: fixed;
+ z-index: 1;
+ opacity: 0.9;
+ transition: width 0.15s ease-in-out;
+ height: 100%;
+ padding:0.7em;
+ overflow-x:hidden; // no horizontal scrolling
+
+ }
+
width: 30em;
- transition: width 0.15s ease-in-out;
- //position: fixed;
- height: 100%;
- padding:0.7em;
- overflow-x:hidden; // no horizontal scrolling
- opacity: 0.9;
&--is-small {
width: 6em;
- overflow-y: hidden;
- & ~ .or-workbench-workplace {
- margin-left: 0;
- }
-
- opacity: 0.2;
- .or-navtree-text {
- opacity: 0;
- transition: opacity ease-in-out;
- }
+ //& ~ .or-workbench-workplace {
+ // margin-left: 0;
+ //}
+ .or-workbench-navigation-container {
+ opacity: 0.2;
+ width: 6em;
+ overflow-y: hidden;
- &:hover {
- overflow-y: auto;
- width: 33%;
- z-index: 1;
- opacity: 0.9;
- position: fixed;
+ &:hover {
+ overflow-y: auto;
+ width: 33%;
+ opacity: 0.9;
- .or-navtree-text {
- opacity: 1;
+ .or-navtree-text {
+ opacity: 1;
+ }
}
}
+ .or-navtree-text {
+ opacity: 0;
+ transition: opacity ease-in-out;
+ }
}
@media @smartphones {
+
width: 0;
- padding: 0;
- }
- &--is-open {
+ .or-workbench-navigation-container {
- @media @smartphones {
- padding: 0.8em;
- position: fixed;
- overflow-y: auto;
- width: 90%;
- border-right: 1px solid;
- opacity: 0.98;
- z-index: 1;
+ width: 0;
+ padding: 0;
+ }
+
+ &--is-open {
+
+ .or-workbench-navigation-container {
+
+ padding: 0.8em;
+ overflow-y: auto;
+ width: 90%;
+ //border-right: 1px solid;
+ opacity: 0.98;
+ }
}
}
+
@media @wide {
overflow-y: auto;
}
diff --git a/modules/cms/ui/themes/default/style/openrat.css b/modules/cms/ui/themes/default/style/openrat.css
@@ -1267,49 +1267,50 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
}
.or-workbench-navigation {
width: 30em;
+}
+.or-workbench-navigation-container {
+ width: 30em;
+ position: fixed;
+ z-index: 1;
+ opacity: 0.9;
transition: width 0.15s ease-in-out;
height: 100%;
padding: 0.7em;
overflow-x: hidden;
- opacity: 0.9;
}
.or-workbench-navigation--is-small {
width: 6em;
- overflow-y: hidden;
- opacity: 0.2;
-}
-.or-workbench-navigation--is-small ~ .or-workbench-workplace {
- margin-left: 0;
}
-.or-workbench-navigation--is-small .or-navtree-text {
- opacity: 0;
- transition: opacity ease-in-out;
+.or-workbench-navigation--is-small .or-workbench-navigation-container {
+ opacity: 0.2;
+ width: 6em;
+ overflow-y: hidden;
}
-.or-workbench-navigation--is-small:hover {
+.or-workbench-navigation--is-small .or-workbench-navigation-container:hover {
overflow-y: auto;
width: 33%;
- z-index: 1;
opacity: 0.9;
- position: fixed;
}
-.or-workbench-navigation--is-small:hover .or-navtree-text {
+.or-workbench-navigation--is-small .or-workbench-navigation-container:hover .or-navtree-text {
opacity: 1;
}
+.or-workbench-navigation--is-small .or-navtree-text {
+ opacity: 0;
+ transition: opacity ease-in-out;
+}
@media only screen and (max-width: 55rem) {
.or-workbench-navigation {
width: 0;
+ }
+ .or-workbench-navigation .or-workbench-navigation-container {
+ width: 0;
padding: 0;
}
-}
-@media only screen and (max-width: 55rem) {
- .or-workbench-navigation--is-open {
+ .or-workbench-navigation--is-open .or-workbench-navigation-container {
padding: 0.8em;
- position: fixed;
overflow-y: auto;
width: 90%;
- border-right: 1px solid;
opacity: 0.98;
- z-index: 1;
}
}
@media only screen and (min-width: 75rem) {
@@ -1367,7 +1368,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
font-size: 1em;
}
}
-/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22mnt%5C%2Fdata%5C%2Fdankert%5C%2FEntwicklung%5C%2FProjekte%5C%2Fopenrat-cms%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%3BAAQA%2CGAbH%2CUAaI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAALJ%2CGAbH%2CUAaI%2CMAOG%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGA9BX%2CUAaI%2CMAOG%2CcAMI%2CKAAI%3BCAIJ%2CGA9BX%2CUAaI%2CMAOG%2CcAMgB%3BEAEJ%3B%3B%3BAAMhB%2CGAlCH%2CUAkCI%3BCACG%3B%3BCAGA%3BCACA%3B%3B%3B%3B%3B%3BAALJ%2CGAlCH%2CUAkCI%2CKAgBK%3BCAGE%3BCACA%3B%3BAASR%2CGA%5C%2FDH%2CUA%2BDI%3BCAGG%2CyCAAA%3BCAMA%2C6BAAA%3BCACA%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAmBJ%2CGA7FH%2CUA6FI%3BCACG%3B%3BAAKA%3BCAAA%2CGAnGP%2CUA6FI%3BEAGO%3B%3B%3BAAHR%2CGA7FH%2CUA6FI%2CQAUG%3BCACI%3B%3BAAIJ%2CGA5GP%2CUA6FI%2CQAeI%2CcACG%3BCACI%3B%3BAAiBZ%2CGA%5C%2FHH%2CUA%2BHI%3BCACG%3B%3BAAGJ%2CGAnIH%2CUAmII%3BCACG%3B%3BAAGJ%2CGAvIH%2CUAuII%2CqBACG%3BCACI%3B%3BAAFR%2CGAvIH%2CUAuII%2CqBAKG%3BCACI%3B%3BAAIR%2CGAjJH%2CUAiJI%3BCAEG%3BCACA%2CmCAAA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CGA3JP%2CUAiJI%2CWAUI%3BCACG%3BCACA%3BCAKA%3B%3BAAJA%2CGA9JX%2CUAiJI%2CWAUI%2CUAGO%3BCACA%3B%3BAAJR%2CGA3JP%2CUAiJI%2CWAUI%2CUASG%3BCACI%3BCACA%2C%2BBAAA%3B%3BAAIJ%2CGA1KX%2CUAiJI%2CWAUI%2CUAeI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAALJ%2CGA1KX%2CUAiJI%2CWAUI%2CUAeI%2CMAOG%3BCACI%3B%3BAAWZ%3BCAAA%2CGA7LP%2CUAiJI%3BEAwCO%3BEACA%3B%3B%3BAAcJ%3BCAAA%2CGAxMP%2CUAiJI%2CWA4CI%3BEAGO%3BEACA%3BEACA%3BEACA%3BEACA%2CuBAAA%3BEACA%3BEACA%3B%3B%3BAASR%3BCAAA%2CGA%5C%2FMP%2CUAiJI%3BEA0DO%3B%3B%3BAA1DR%2CGAjJH%2CUAiJI%2CWA8DG%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%3BAAcJ%3BCAAA%2CGAVH%2CaAAa%2CUAMV%3BEAEQ%3B%3B%3BAAOZ%2CGAAC%3BCAEG%2C%2BCAAA%3BCACA%2CgCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAkBR%3BCALI%3BEACI%22%7D */
+/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22mnt%5C%2Fdata%5C%2Fdankert%5C%2FEntwicklung%5C%2FProjekte%5C%2Fopenrat-cms%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%3BAAQA%2CGAbH%2CUAaI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAALJ%2CGAbH%2CUAaI%2CMAOG%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGA9BX%2CUAaI%2CMAOG%2CcAMI%2CKAAI%3BCAIJ%2CGA9BX%2CUAaI%2CMAOG%2CcAMgB%3BEAEJ%3B%3B%3BAAMhB%2CGAlCH%2CUAkCI%3BCACG%3B%3BCAGA%3BCACA%3B%3B%3B%3B%3B%3BAALJ%2CGAlCH%2CUAkCI%2CKAgBK%3BCAGE%3BCACA%3B%3BAASR%2CGA%5C%2FDH%2CUA%2BDI%3BCAGG%2CyCAAA%3BCAMA%2C6BAAA%3BCACA%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAmBJ%2CGA7FH%2CUA6FI%3BCACG%3B%3BAAKA%3BCAAA%2CGAnGP%2CUA6FI%3BEAGO%3B%3B%3BAAHR%2CGA7FH%2CUA6FI%2CQAUG%3BCACI%3B%3BAAIJ%2CGA5GP%2CUA6FI%2CQAeI%2CcACG%3BCACI%3B%3BAAiBZ%2CGA%5C%2FHH%2CUA%2BHI%3BCACG%3B%3BAAGJ%2CGAnIH%2CUAmII%3BCACG%3B%3BAAGJ%2CGAvIH%2CUAuII%2CqBACG%3BCACI%3B%3BAAFR%2CGAvIH%2CUAuII%2CqBAKG%3BCACI%3B%3BAAIR%2CGAjJH%2CUAiJI%3BCAiBG%3B%3BAAdA%2CGApJP%2CUAiJI%2CWAGI%3BCAEG%3BCAEA%3BCACA%3BCACA%3BCACA%2CmCAAA%3BCACA%3BCACA%3BCACA%3B%3BAAMJ%2CGApKP%2CUAiJI%2CWAmBI%3BCACG%3B%3BAADJ%2CGApKP%2CUAiJI%2CWAmBI%2CUAOG%3BCACI%3BCACA%3BCACA%3B%3BAAEA%2CGAhLf%2CUAiJI%2CWAmBI%2CUAOG%2CmCAKK%3BCACG%3BCACA%3BCACA%3B%3BAAHJ%2CGAhLf%2CUAiJI%2CWAmBI%2CUAOG%2CmCAKK%2CMAKG%3BCACI%3B%3BAAlBhB%2CGApKP%2CUAiJI%2CWAmBI%2CUAuBG%3BCACI%3BCACA%2C%2BBAAA%3B%3BAA4BR%3BCAAA%2CGAzNP%2CUAiJI%3BEAkDO%3B%3BCAsBJ%2CGAzNP%2CUAiJI%2CWAoDO%3BEAEI%3BEACA%3B%3BCAGJ%2CGA3MX%2CUAiJI%2CWA0DQ%2CSAEG%3BEAEI%3BEACA%3BEACA%3BEAEA%3B%3B%3BAAWZ%3BCAAA%2CGA9NP%2CUAiJI%3BEAyEO%3B%3B%3BAAzER%2CGAjJH%2CUAiJI%2CWA6EG%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%3BAAcJ%3BCAAA%2CGAVH%2CaAAa%2CUAMV%3BEAEQ%3B%3B%3BAAOZ%2CGAAC%3BCAEG%2C%2BCAAA%3BCACA%2CgCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAkBR%3BCALI%3BEACI%22%7D */
/* Include style: /mnt/data/dankert/Entwicklung/Projekte/openrat-cms/modules/cms/ui/themes/../../../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
@@ -13,7 +13,7 @@ html,body{width: 100%;height: 100%}@media only screen and (min-width: 56rem){bod
.or-nojs-text{display: block}.or-visible-for-nojs{display: none}
.or-navtree-node{margin: 0;padding: .1em 0;line-height: 18px;font-weight: normal;white-space: nowrap}.or-navtree-node--selected{font-weight: bold}.or-navtree-node--selected > div > a{font-weight: bold}.or-navtree-node-control{width: 18px;min-width: 18px;height: 18px;float: left;cursor: pointer}.or-navtree-list{list-style-type: none;margin: 0;padding: 0}.or-navtree-list ul{margin-left: 18px}
.or-fieldset{border: 0;display: flex;flex-direction: row;align-items: start;margin-top: 1em}.or-fieldset-label{flex: 1;font-size: 1em;text-align: right;padding-right: 1em;font-weight: normal}.or-fieldset-value{flex: 3}.or-fieldset-value > *{display: block;padding: 0.8em}@media only screen and (max-width: 65rem){.or-fieldset{flex-direction: column}.or-fieldset-label{flex: 1;width: 100%;text-align: left}.or-fieldset-value{flex: 1;width: 100%}}
-.or-workbench{width: 100%;height: 100%;display: flex;flex-direction: row}.or-workbench-title{height: 3.0rem;max-height: 3.0rem;min-height: 3.0rem;overflow: hidden;padding: 0.5em}.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-main{flex: 1;display: flex;flex-direction: column}.or-workbench-main > *{overflow-y: auto;overflow-x: hidden}.or-workbench-workplace{transition: margin-left .15s ease-in-out;transition: opacity .5s ease;display: flex;flex-direction: column}.or-workbench-section{margin: 1.5em}@media only screen and (max-width: 55rem){.or-workbench-section{margin: 0.5em}}.or-workbench-section .or-view-toolbar{display: inline}.or-workbench-section.or--is-closed .or-view-toolbar{display: none}.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{width: 30em;transition: width .15s ease-in-out;height: 100%;padding: 0.7em;overflow-x: hidden;opacity: 0.9}.or-workbench-navigation--is-small{width: 6em;overflow-y: hidden;opacity: 0.2}.or-workbench-navigation--is-small ~ .or-workbench-workplace{margin-left: 0}.or-workbench-navigation--is-small .or-navtree-text{opacity: 0;transition: opacity ease-in-out}.or-workbench-navigation--is-small:hover{overflow-y: auto;width: 33%;z-index: 1;opacity: 0.9;position: fixed}.or-workbench-navigation--is-small:hover .or-navtree-text{opacity: 1}@media only screen and (max-width: 55rem){.or-workbench-navigation{width: 0;padding: 0}}@media only screen and (max-width: 55rem){.or-workbench-navigation--is-open{padding: 0.8em;position: fixed;overflow-y: auto;width: 90%;border-right: 1px solid;opacity: 0.98;z-index: 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}}@media only screen and (max-width: 55rem){.or-toolbar-icon.or-search input{width: 3em}}.or-loader{background: url(../images/loader.gif) no-repeat;background-position: center, top;height: 30px;opacity: 0.5;cursor: wait;pointer-events: none}@media only screen and (max-width: 55rem){html{font-size: 1em}}
+.or-workbench{width: 100%;height: 100%;display: flex;flex-direction: row}.or-workbench-title{height: 3.0rem;max-height: 3.0rem;min-height: 3.0rem;overflow: hidden;padding: 0.5em}.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-main{flex: 1;display: flex;flex-direction: column}.or-workbench-main > *{overflow-y: auto;overflow-x: hidden}.or-workbench-workplace{transition: margin-left .15s ease-in-out;transition: opacity .5s ease;display: flex;flex-direction: column}.or-workbench-section{margin: 1.5em}@media only screen and (max-width: 55rem){.or-workbench-section{margin: 0.5em}}.or-workbench-section .or-view-toolbar{display: inline}.or-workbench-section.or--is-closed .or-view-toolbar{display: none}.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{width: 30em}.or-workbench-navigation-container{width: 30em;position: fixed;z-index: 1;opacity: 0.9;transition: width .15s ease-in-out;height: 100%;padding: 0.7em;overflow-x: hidden}.or-workbench-navigation--is-small{width: 6em}.or-workbench-navigation--is-small .or-workbench-navigation-container{opacity: 0.2;width: 6em;overflow-y: hidden}.or-workbench-navigation--is-small .or-workbench-navigation-container:hover{overflow-y: auto;width: 33%;opacity: 0.9}.or-workbench-navigation--is-small .or-workbench-navigation-container:hover .or-navtree-text{opacity: 1}.or-workbench-navigation--is-small .or-navtree-text{opacity: 0;transition: opacity ease-in-out}@media only screen and (max-width: 55rem){.or-workbench-navigation{width: 0}.or-workbench-navigation .or-workbench-navigation-container{width: 0;padding: 0}.or-workbench-navigation--is-open .or-workbench-navigation-container{padding: 0.8em;overflow-y: auto;width: 90%;opacity: 0.98}}@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}}@media only screen and (max-width: 55rem){.or-toolbar-icon.or-search input{width: 3em}}.or-loader{background: url(../images/loader.gif) no-repeat;background-position: center, top;height: 30px;opacity: 0.5;cursor: wait;pointer-events: none}@media only screen and (max-width: 55rem){html{font-size: 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
@@ -176,7 +176,7 @@ html.or-theme-@{cms-theme-id} {
}
- &-navigation {
+ &-navigation-container {
//background-color: @cms-title-background-color;
//color: @cms-title-text-color;
background-color: @cms-background-color;
