openrat-cms

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

commit ee2e10d8bf86e1635224a8521c17da4b6a013f99
parent 314473a2ce1317c30f9aa9ad413a89b573681913
Author: Jan Dankert <develop@jandankert.de>
Date:   Wed, 10 Feb 2021 23:56:07 +0100

Fix: Colourize images; Fix: Mobile navigation.

Diffstat:
Mmodules/cms/ui/themes/default/style/openrat-workbench.less | 28+++++++++++++++++-----------
Mmodules/cms/ui/themes/default/style/openrat.css | 48+++++++++++++++++++++++++++---------------------
Mmodules/cms/ui/themes/default/style/openrat.min.css | 2+-
Mmodules/cms/ui/themes/default/style/theme/openrat-theme.less | 4++--
4 files changed, 47 insertions(+), 35 deletions(-)

diff --git a/modules/cms/ui/themes/default/style/openrat-workbench.less b/modules/cms/ui/themes/default/style/openrat-workbench.less @@ -204,7 +204,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } &--is-small { - width: 6em; + width: 0; //& ~ .or-workbench-workplace { // margin-left: 0; @@ -212,13 +212,14 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. .or-workbench-navigation-container { //opacity: 0.2; - width: 6em; + width: 0; overflow-y: hidden; .or-navtree { opacity: 0.2; } + /* &:hover { overflow-y: auto; width: 33%; @@ -228,6 +229,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. opacity: 1; } } + */ } .or-navtree { @@ -241,20 +243,24 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. .or-workbench-navigation-container { + /* 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; - } + .or-workbench-navigation-container { + width: 100%; + height:100%; + overflow-y: auto; + } + position: fixed; + width: 90%; + z-index: 1; + opacity: 0.98; + height:100%; } } @@ -308,7 +314,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. input { @media @smartphones { - width: 3em; + //width: 3em; } } } diff --git a/modules/cms/ui/themes/default/style/openrat.css b/modules/cms/ui/themes/default/style/openrat.css @@ -1443,23 +1443,26 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. transition: opacity 0.1s ease-in-out; } .or-workbench-navigation--is-small { - width: 6em; + width: 0; } .or-workbench-navigation--is-small .or-workbench-navigation-container { - width: 6em; + width: 0; overflow-y: hidden; + /* + &:hover { + overflow-y: auto; + width: 33%; + opacity: 0.9; + + .or-navtree { + opacity: 1; + } + } + */ } .or-workbench-navigation--is-small .or-workbench-navigation-container .or-navtree { opacity: 0.2; } -.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 { - opacity: 1; -} .or-workbench-navigation--is-small .or-navtree { opacity: 0; } @@ -1468,14 +1471,22 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. width: 0; } .or-workbench-navigation .or-workbench-navigation-container { - width: 0; - padding: 0; + /* + width: 0; + padding: 0; + */ } - .or-workbench-navigation--is-open .or-workbench-navigation-container { - padding: 0.8em; - overflow-y: auto; + .or-workbench-navigation--is-open { + position: fixed; width: 90%; + z-index: 1; opacity: 0.98; + height: 100%; + } + .or-workbench-navigation--is-open .or-workbench-navigation-container { + width: 100%; + height: 100%; + overflow-y: auto; } } @media only screen and (min-width: 75rem) { @@ -1515,11 +1526,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. 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; @@ -1533,7 +1539,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%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%3B%3BCAEC%3BCACA%3BCACA%3B%3B%3B%3B%3B%3BAAJF%2CGAPH%2CUAOI%2COAeG%3BCAGA%3BCACA%3B%3BAAQJ%2CGAlCH%2CUAkCI%3BCACC%3B%3BAAGF%2CGAtCH%2CUAsCI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANJ%2CGAtCH%2CUAsCI%2CMAQG%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGAxDX%2CUAsCI%2CMAQG%2CcAMI%2CKAAI%3BCAIJ%2CGAxDX%2CUAsCI%2CMAQG%2CcAMgB%3BEAEJ%3B%3B%3BAAQhB%2CGA9DH%2CUA8DI%3BCACG%3BCAEA%2CyCAAA%3BCAMA%2C6BAAA%3BCACA%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAqDJ%2CGA9HH%2CUA8HI%3BCACG%3B%3BAAGJ%2CGAlIH%2CUAkII%3BCACG%3B%3BAAGJ%2CGAtIH%2CUAsII%2CqBACG%3BCACI%3B%3BAAFR%2CGAtIH%2CUAsII%2CqBAKG%3BCACI%3B%3BAAIR%2CGAhJH%2CUAgJI%3BCAiBG%3B%3BAAdA%2CGAnJP%2CUAgJI%2CWAGI%3BCAEG%3BCAKA%2CmCAAA%3BCAEA%3BCACA%3B%3BAAbR%2CGAhJH%2CUAgJI%2CWAmBC%3BCACE%2CoCAAA%3B%3BAAGF%2CGAvKL%2CUAgJI%2CWAuBE%3BCACK%3B%3BAADN%2CGAvKL%2CUAgJI%2CWAuBE%2CUAOK%3BCAEI%3BCACA%3B%3BAAVV%2CGAvKL%2CUAgJI%2CWAuBE%2CUAOK%2CmCAKI%3BCACE%3B%3BAAGF%2CGAvLf%2CUAgJI%2CWAuBE%2CUAOK%2CmCASK%3BCACG%3BCACA%3BCACA%3B%3BAAHJ%2CGAvLf%2CUAgJI%2CWAuBE%2CUAOK%2CmCASK%2CMAKG%3BCACI%3B%3BAAtBlB%2CGAvKL%2CUAgJI%2CWAuBE%2CUA2BK%3BCACI%3B%3BAA4BR%3BCAAA%2CGA%5C%2FNP%2CUAgJI%3BEAyDO%3B%3BCAsBJ%2CGA%5C%2FNP%2CUAgJI%2CWA2DO%3BEAEI%3BEACA%3B%3BCAGJ%2CGAjNX%2CUAgJI%2CWAiEQ%2CSAEG%3BEAEI%3BEACA%3BEACA%3BEAEA%3B%3B%3BAAWZ%3BCAAA%2CGApOP%2CUAgJI%3BEAgFO%3B%3B%3BAAhFR%2CGAhJH%2CUAgJI%2CWAoFG%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%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%3B%3BCAEC%3BCACA%3BCACA%3B%3B%3B%3B%3B%3BAAJF%2CGAPH%2CUAOI%2COAeG%3BCAGA%3BCACA%3B%3BAAQJ%2CGAlCH%2CUAkCI%3BCACC%3B%3BAAGF%2CGAtCH%2CUAsCI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANJ%2CGAtCH%2CUAsCI%2CMAQG%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGAxDX%2CUAsCI%2CMAQG%2CcAMI%2CKAAI%3BCAIJ%2CGAxDX%2CUAsCI%2CMAQG%2CcAMgB%3BEAEJ%3B%3B%3BAAQhB%2CGA9DH%2CUA8DI%3BCACG%3BCAEA%2CyCAAA%3BCAMA%2C6BAAA%3BCACA%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAqDJ%2CGA9HH%2CUA8HI%3BCACG%3B%3BAAGJ%2CGAlIH%2CUAkII%3BCACG%3B%3BAAGJ%2CGAtIH%2CUAsII%2CqBACG%3BCACI%3B%3BAAFR%2CGAtIH%2CUAsII%2CqBAKG%3BCACI%3B%3BAAIR%2CGAhJH%2CUAgJI%3BCAiBG%3B%3BAAdA%2CGAnJP%2CUAgJI%2CWAGI%3BCAEG%3BCAKA%2CmCAAA%3BCAEA%3BCACA%3B%3BAAbR%2CGAhJH%2CUAgJI%2CWAmBC%3BCACE%2CoCAAA%3B%3BAAGF%2CGAvKL%2CUAgJI%2CWAuBE%3BCACK%3B%3BAADN%2CGAvKL%2CUAgJI%2CWAuBE%2CUAOK%3BCAEI%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAVV%2CGAvKL%2CUAgJI%2CWAuBE%2CUAOK%2CmCAKI%3BCACE%3B%3BAAbZ%2CGAvKL%2CUAgJI%2CWAuBE%2CUA6BK%3BCACI%3B%3BAAgCR%3BCAAA%2CGArOP%2CUAgJI%3BEA2DO%3B%3BCA0BJ%2CGArOP%2CUAgJI%2CWA6DO%3B%3B%3B%3B%3B%3BCAQA%2CGArNX%2CUAgJI%2CWAqEQ%3BEAOC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BCAXF%2CGArNX%2CUAgJI%2CWAqEQ%2CSAEC%3BEACE%3BEACA%3BEACA%3B%3B%3BAAgBR%3BCAAA%2CGA1OP%2CUAgJI%3BEAsFO%3B%3B%3BAAtFR%2CGAhJH%2CUAgJI%2CWA0FG%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: /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 @@ -16,7 +16,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-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;opacity: 0.9}.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;transition: margin-left .15s ease-in-out;transition: opacity .5s ease;display: flex;flex-direction: column}.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;transition: width .15s ease-in-out;padding: 0.7em;overflow-x: hidden}.or-workbench-navigation .or-navtree{transition: opacity .1s ease-in-out}.or-workbench-navigation--is-small{width: 6em}.or-workbench-navigation--is-small .or-workbench-navigation-container{width: 6em;overflow-y: hidden}.or-workbench-navigation--is-small .or-workbench-navigation-container .or-navtree{opacity: 0.2}.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{opacity: 1}.or-workbench-navigation--is-small .or-navtree{opacity: 0}@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}} +.or-workbench{width: 100%;height: 100%;display: flex;flex-direction: row}.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;opacity: 0.9}.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;transition: margin-left .15s ease-in-out;transition: opacity .5s ease;display: flex;flex-direction: column}.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;transition: width .15s ease-in-out;padding: 0.7em;overflow-x: hidden}.or-workbench-navigation .or-navtree{transition: opacity .1s ease-in-out}.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: 90%;z-index: 1;opacity: 0.98;height: 100%}.or-workbench-navigation--is-open .or-workbench-navigation-container{width: 100%;height: 100%;overflow-y: auto}}@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: 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 @@ -58,8 +58,8 @@ html.or-theme-@{cms-theme-id} { .or { - &-image { - text-color: @cms-image-color; + &-image-icon { + color: @cms-image-color; } &-view {