openrat-cms

OpenRat Content Management System
git clone http://git.code.weiherhei.de/openrat-cms.git
Log | Files | Refs | README

commit dbcd489d10997dbe8f529adfb673f2d77491e957
parent 45f6873e57b98c7f585bd9bf2c9f7fd88fc17240
Author: Jan Dankert <develop@jandankert.de>
Date:   Mon,  8 Mar 2021 02:27:23 +0100

Revert "UI-Refactoring: Show the dialog on desktops as a popup. Mmm, should we stay with popups? Don't know."

This reverts commit 45f6873e57b98c7f585bd9bf2c9f7fd88fc17240.

Diffstat:
Mmodules/cms/ui/themes/default/style/openrat-dialog.less | 52++++++++++++++++++++--------------------------------
Mmodules/cms/ui/themes/default/style/openrat.css | 46++++++++++++++++++----------------------------
Mmodules/cms/ui/themes/default/style/openrat.min.css | 4++--
3 files changed, 40 insertions(+), 62 deletions(-)

diff --git a/modules/cms/ui/themes/default/style/openrat-dialog.less b/modules/cms/ui/themes/default/style/openrat-dialog.less @@ -32,29 +32,28 @@ Basis-Style for Openrat. .or { &-dialog { - display: none; + position: absolute; + z-index: 2; + top: 0; + left: 0; + width:100%; - @media @smartphones { - } + display: none; + height: 100%; + flex-direction: row; &--is-open { - display: block; + display: flex; } &-filler { - - position: absolute; - z-index: 2; - top: 0; - left: 0; - width:100%; - height: 100%; + width: 12em; opacity: 0.6; filter: blur(10em); @media @smartphones { - //display: none; + width: 0; } &-icon { @@ -68,29 +67,18 @@ Basis-Style for Openrat. &-content { - position: absolute; - overflow: auto; - z-index: 3; + flex: 1; + overflow: auto; + //position: absolute; - // On Desktop: popup. - top: 5%; - left: 5%; - right:5%; - bottom: 5%; - height: 90%; - width: 90%; - - @media @smartphones { - position: absolute !important; - // On mobiles: 100%-view - top: 0; - left: 0; - right:0; - bottom: 0; + //top: 0; + //left: 0; + //width: 100%; height: 100%; - width:100%; - } + //margin-left:10em; + + z-index: 3; .or-view { height: 100%; diff --git a/modules/cms/ui/themes/default/style/openrat.css b/modules/cms/ui/themes/default/style/openrat.css @@ -134,21 +134,29 @@ Basis-Style for Openrat. */ /* Usage to this variable is safe to be removed */ .or-dialog { - display: none; -} -.or-dialog--is-open { - display: block; -} -.or-dialog-filler { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; + display: none; height: 100%; + flex-direction: row; +} +.or-dialog--is-open { + display: flex; +} +.or-dialog-filler { + height: 100%; + width: 12em; opacity: 0.6; filter: blur(10em); } +@media only screen and (max-width: 55rem) { + .or-dialog-filler { + width: 0; + } +} .or-dialog-filler-icon { opacity: 1; font-size: 3em; @@ -157,31 +165,15 @@ Basis-Style for Openrat. top: 20px; } .or-dialog-content { - position: absolute; + flex: 1; overflow: auto; + height: 100%; z-index: 3; - top: 5%; - left: 5%; - right: 5%; - bottom: 5%; - height: 90%; - width: 90%; -} -@media only screen and (max-width: 55rem) { - .or-dialog-content { - position: absolute !important; - top: 0; - left: 0; - right: 0; - bottom: 0; - height: 100%; - width: 100%; - } } .or-dialog-content .or-view { height: 100%; } -/*# 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-dialog.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%3B%3B%3B%3BAAgCI%2CGAAC%3BCAEC%3B%3BAAKA%2CGAPD%2COAOE%3BCACC%3B%3BAAGF%2CGAXD%2COAWE%3BCAEC%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%2CQAAQ%2CUAAR%3B%3BAAMA%2CGA3BH%2COAWE%2COAgBE%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAIJ%2CGApCD%2COAoCE%3BCAEC%3BCACA%3BCACA%3BCAGA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAcE%3BCAAA%2CGA9DL%2COAoCE%3BEAeG%3BEAEA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3B%3BAAtBJ%2CGApCD%2COAoCE%2CQA0BG%3BCACE%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-dialog.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%3B%3B%3B%3BAAgCI%2CGAAC%3BCAEC%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAAEA%2CGAZD%2COAYE%3BCACC%3B%3BAAGF%2CGAhBD%2COAgBE%3BCACC%3BCACA%3BCACA%3BCACA%2CQAAQ%2CUAAR%3B%3BAAMA%3BCAAA%2CGA1BH%2COAgBE%3BEAOG%3B%3B%3BAAGF%2CGA1BH%2COAgBE%2COAUE%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAIJ%2CGAnCD%2COAmCE%3BCAEG%3BCACA%3BCAMA%3BCAIA%3B%3BAAbJ%2CGAnCD%2COAmCE%2CQAeG%3BCACE%22%7D */ /* Include style: /default/style/openrat-diff */ .or-diff-line { text-align: right; @@ -1532,7 +1524,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } .or-workbench--navigation-is-small .or-workbench--visible-on-wide { display: none; - opacity: 0; } .or-workbench--navigation-is-small .or-workbench--visible-on-small { display: block; @@ -1603,7 +1594,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } .or-workbench-navigation--is-open .or-workbench-navigation-content { width: 90%; - opacity: 1; } .or-workbench-navigation--is-open .or-workbench-navigation-filler { flex: 1; @@ -1659,7 +1649,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%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%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%3BCACA%3B%3BAAHR%2CGA9IH%2CUA8II%2CqBAMG%3BCACI%3B%3BAAIR%2CGAzJH%2CUAyJI%3BCAEG%3BCACA%3BCACA%3B%3BAAEA%2CGA%5C%2FJP%2CUAyJI%2CWAMI%3BCAEC%3B%3BAAIF%3BCAAA%2CGArKP%2CUAyJI%2CWAMI%3BEAIG%3B%3B%3BAAGJ%2CGAtKP%2CUAyJI%2CWAaI%3BCACC%3BCACA%3B%3BAAGF%2CGA3KP%2CUAyJI%2CWAkBI%3BCAEG%3BCACA%3BCAOA%3BCACA%3B%3BAASN%2CGA%5C%2FLL%2CUAyJI%2CWAsCE%3BCACK%3B%3BAADN%2CGA%5C%2FLL%2CUAyJI%2CWAsCE%2CUAOK%3BCAEI%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAVV%2CGA%5C%2FLL%2CUAyJI%2CWAsCE%2CUAOK%2CmCAKI%3BCACE%3B%3BAAbZ%2CGA%5C%2FLL%2CUAyJI%2CWAsCE%2CUA6BK%3BCACI%3B%3BAAmCR%3BCAAA%2CGAhQP%2CUAyJI%3BEA0EO%3B%3BCA6BJ%2CGAhQP%2CUAyJI%2CWA4EO%3B%3B%3B%3B%3B%3BCAQA%2CGA7OX%2CUAyJI%2CWAoFQ%3BEAUC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BCAdF%2CGA7OX%2CUAyJI%2CWAoFQ%2CSAEC%3BEACE%3BEACA%3B%3BCAJJ%2CGA7OX%2CUAyJI%2CWAoFQ%2CSAMC%3BEACE%3B%3B%3BAAiBR%3BCAAA%2CGArQP%2CUAyJI%3BEAwGO%3B%3B%3BAAxGR%2CGAzJH%2CUAyJI%2CWA4GG%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%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%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%3BCACA%2CgCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAkBR%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 @@ -1,7 +1,7 @@ .or-breadcrumb{margin-left: 1.5em;margin-right: 0.5em}.or-breadcrumb > *{vertical-align: middle;display: inline;margin-right: 0.3em}@media only screen and (min-width: 100rem){.or-breadcrumb-parent{display: none}}.or-breadcrumb-path{display: none}@media only screen and (min-width: 100rem){.or-breadcrumb-path{display: inline}}.or-breadcrumb-text{font-weight: bold;width: 12em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block}@media only screen and (max-width: 55rem){.or-breadcrumb-text{width: 5.5em}} .or-button{z-index: 4}.or-button--is-active .or-button-value,.or-button--active-on-hover:hover .or-button-value{display: initial}.or-button-value{display: none} .or-collapsible .or-collapsible-act-switch{cursor: pointer}.or-collapsible .or-collapsible-value{display: block;transform-origin: top}.or-collapsible .or-collapsible-title{padding-bottom: 0.1em}.or-collapsible--is-closed .or-collapsible--on-closed{display: inline}.or-collapsible--is-closed .or-collapsible--on-open{display: none}.or-collapsible--is-closed .or-collapsible-value{transform: scaleY(0);opacity: 0;max-height: 0;overflow: hidden}.or-collapsible--is-open .or-collapsible-value{transform: scaleY(1)}.or-collapsible--is-open .or-collapsible--on-closed{display: none}.or-collapsible--is-open .or-collapsible--on-open{display: inline} -.or-dialog{display: none}.or-dialog--is-open{display: block}.or-dialog-filler{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.6;filter: blur(10em)}.or-dialog-filler-icon{opacity: 1;font-size: 3em;position: absolute;right: 20px;top: 20px}.or-dialog-content{position: absolute;overflow: auto;z-index: 3;top: 5%;left: 5%;right: 5%;bottom: 5%;height: 90%;width: 90%}@media only screen and (max-width: 55rem){.or-dialog-content{position: absolute !important;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%}}.or-dialog-content .or-view{height: 100%} +.or-dialog{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;display: none;height: 100%;flex-direction: row}.or-dialog--is-open{display: flex}.or-dialog-filler{height: 100%;width: 12em;opacity: 0.6;filter: blur(10em)}@media only screen and (max-width: 55rem){.or-dialog-filler{width: 0}}.or-dialog-filler-icon{opacity: 1;font-size: 3em;position: absolute;right: 20px;top: 20px}.or-dialog-content{flex: 1;overflow: auto;height: 100%;z-index: 3}.or-dialog-content .or-view{height: 100%} .or-diff-line{text-align: right}.or-diff-text--old{background-color: #f88989;color: black}.or-diff-text--new{background-color: #7bad7b;color: black}.or-diff-text--notequal{background-color: #cbcb16;color: black} .or-dropdown{display: none;overflow: hidden;z-index: 4;min-width: 17em;position: absolute;padding: .5em 0;font-style: normal;font-weight: normal;text-decoration: none}.or-dropdown--is-open{display: block}.or-dropdown--on-right{right: 1em}@media only screen and (max-width: 55rem){.or-dropdown-key{display: none}}.or-dropdown-entry{padding: 0}.or-dropdown-entry > .or-link{display: flex;align-items: center;padding: 0 .5em}.or-dropdown-entry > .or-link *{margin: 0.25em}.or-dropdown-entry > .or-link .or-dropdown-text{flex: 1}.or-dropdown-entry--inactive{opacity: 0.5} > .or-dropdown-text{display: block;margin: 1em}.or-dropdown-divide{height: 1px;width: 100%;margin-top: 0.5em;margin-bottom: 0.5em} .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%}} @@ -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-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}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;opacity: 0}.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%;opacity: 1}.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 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{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: 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}