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:
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 {