openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

commit 153d71202e16858dbc93bfeb25abfb72c5977852
parent 17d73d3d1892e9ed72930c243d821f934a6231a7
Author: Jan Dankert <devnull@localhost>
Date:   Sun,  2 Sep 2018 00:44:10 +0200

Die Suche sieht jetzt auch auf Smartphones schön aus. Ein Manko: Sie funktioniert nicht ;) Fix folgt.

Diffstat:
modules/cms-ui/themes/default/images/icon/method/search.svg | 2++
modules/cms-ui/themes/default/style/openrat-header.css | 19++++++++++++++-----
modules/cms-ui/themes/default/style/openrat-header.less | 18+++++++++++++++---
modules/cms-ui/themes/default/style/openrat-header.min.css | 4++--
modules/cms-ui/themes/default/style/openrat-workbench.css | 2+-
modules/cms-ui/themes/default/style/openrat-workbench.less | 2+-
modules/cms-ui/themes/default/style/openrat-workbench.min.css | 4++--
modules/cms-ui/themes/default/style/theme/openrat-theme.less | 11+++++++++++
8 files changed, 48 insertions(+), 14 deletions(-)

diff --git a/modules/cms-ui/themes/default/images/icon/method/search.svg b/modules/cms-ui/themes/default/images/icon/method/search.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-header.css b/modules/cms-ui/themes/default/style/openrat-header.css @@ -30,9 +30,18 @@ #title div.toolbar-icon.menu { cursor: default; } -#title div.toolbar-icon.search input { - margin: 0px; - padding: 0px; +#title div.toolbar-icon.search .inputholder { + margin: 0; + padding: 0; + border: 0; + display: inline; +} +#title div.toolbar-icon.search .inputholder input { + border: 0; + margin: 0; + padding: 0; + width: 3em; + display: inline; } #title div.toolbar-icon div.dropdown { z-index: 2; @@ -67,4 +76,4 @@ #title.open .toolbar-icon.open > div.dropdown { display: block; } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-header.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAACA%3BCACI%3BCACA%3B%3B%3B%3BAAFJ%2CMAKM%2CMAAM%2CMAAG%3BCACP%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAXR%2CMAcI%2CIAAG%3BCACC%3BCAEA%3BCACA%3B%3B%3B%3BAAGA%2CMAPJ%2CIAAG%2CaAOE%3BAACD%2CMARJ%2CIAAG%2CaAQE%3BAACD%2CMATJ%2CIAAG%2CaASE%3BCACG%3BCACA%3BCACA%3B%3BAAGJ%2CMAfJ%2CIAAG%2CaAeE%3BCACG%3B%3BAAEJ%2CMAlBJ%2CIAAG%2CaAkBE%2COAAQ%3BCACL%3BCACA%3B%3BAAlCZ%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%2CgBAAA%3BCAEA%3BCACA%3BCACA%3B%3BAA%5C%2FCZ%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%3BCACC%3B%3B%3BAAlDhB%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%2CMAGG%3BCACE%3BCACA%3BCACA%3BCACA%2CgBAAA%3B%3BAAxDpB%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%2CMAWG%3BCACE%3BCACA%3B%3BAA9DpB%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%2CSA4BC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3B%3BAAOZ%2CMAAC%2CKACG%2CcAAa%2CKACP%2CMAAG%3BCACD%22%7D */- \ No newline at end of file +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-header.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAACA%3BCACI%3BCACA%3B%3B%3B%3BAAFJ%2CMAKM%2CMAAM%2CMAAG%3BCACP%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAXR%2CMAcI%2CIAAG%3BCACC%3BCAEA%3BCACA%3B%3B%3B%3BAAGA%2CMAPJ%2CIAAG%2CaAOE%3BAACD%2CMARJ%2CIAAG%2CaAQE%3BAACD%2CMATJ%2CIAAG%2CaASE%3BCACG%3BCACA%3BCACA%3B%3BAAGJ%2CMAfJ%2CIAAG%2CaAeE%3BCACG%3B%3BAAEJ%2CMAlBJ%2CIAAG%2CaAkBE%2COACG%3BCACI%3BCACA%3BCACA%3BCACA%3B%3BAALR%2CMAlBJ%2CIAAG%2CaAkBE%2COACG%2CaAMI%3BCACI%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAA5CpB%2CMAcI%2CIAAG%2CaAoCC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%2CgBAAA%3BCAEA%3BCACA%3BCACA%3B%3BAA3DZ%2CMAcI%2CIAAG%2CaAoCC%2CIAAG%2CSAWC%2CIAAG%3BCACC%3B%3B%3BAA9DhB%2CMAcI%2CIAAG%2CaAoCC%2CIAAG%2CSAWC%2CIAAG%2CMAGG%3BCACE%3BCACA%3BCACA%3BCACA%2CgBAAA%3B%3BAApEpB%2CMAcI%2CIAAG%2CaAoCC%2CIAAG%2CSAWC%2CIAAG%2CMAWG%3BCACE%3BCACA%3B%3BAA1EpB%2CMAcI%2CIAAG%2CaAoCC%2CIAAG%2CSA4BC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3B%3BAAOZ%2CMAAC%2CKACG%2CcAAa%2CKACP%2CMAAG%3BCACD%22%7D */+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-header.less b/modules/cms-ui/themes/default/style/openrat-header.less @@ -31,9 +31,21 @@ &.menu { cursor: default; } - &.search input { - margin: 0px; - padding: 0px; + &.search{ + .inputholder { + margin: 0; + padding: 0; + border: 0; + display: inline; + + input { + border: 0; + margin: 0; + padding: 0; + width:3em; + display: inline; + } + } } /* D r o p d o w n - M e n u e s */ diff --git a/modules/cms-ui/themes/default/style/openrat-header.min.css b/modules/cms-ui/themes/default/style/openrat-header.min.css @@ -1 +1 @@ -#title{overflow: hidden;padding: 5px}#title > div > div.arrow-down{display: inline;width: 0;height: 0;margin: 6px;padding: 0px;margin-top: 10px}#title div.toolbar-icon{padding: 2px;margin-left: 10px;float: left}#title div.toolbar-icon.user,#title div.toolbar-icon.search,#title div.toolbar-icon.history{float: right;margin-right: 10px;margin-left: 10px}#title div.toolbar-icon.menu{cursor: default}#title div.toolbar-icon.search input{margin: 0px;padding: 0px}#title div.toolbar-icon div.dropdown{z-index: 2;min-width: 250px;display: none;position: absolute;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none}#title div.toolbar-icon div.dropdown div.entry{padding: 0}#title div.toolbar-icon div.dropdown div.entry > a{display: block;width: 100%;height: 100%;padding: 2px 5px}#title div.toolbar-icon div.dropdown div.entry > .text{display: block;margin: 10px}#title div.toolbar-icon div.dropdown div.divide{height: 1px;width: 100%;margin-top: 5px;margin-bottom: 5px}#title.open .toolbar-icon.open > div.dropdown{display: block}- \ No newline at end of file +#title{overflow: hidden;padding: 5px}#title > div > div.arrow-down{display: inline;width: 0;height: 0;margin: 6px;padding: 0px;margin-top: 10px}#title div.toolbar-icon{padding: 2px;margin-left: 10px;float: left}#title div.toolbar-icon.user,#title div.toolbar-icon.search,#title div.toolbar-icon.history{float: right;margin-right: 10px;margin-left: 10px}#title div.toolbar-icon.menu{cursor: default}#title div.toolbar-icon.search .inputholder{margin: 0;padding: 0;border: 0;display: inline}#title div.toolbar-icon.search .inputholder input{border: 0;margin: 0;padding: 0;width: 3em;display: inline}#title div.toolbar-icon div.dropdown{z-index: 2;min-width: 250px;display: none;position: absolute;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none}#title div.toolbar-icon div.dropdown div.entry{padding: 0}#title div.toolbar-icon div.dropdown div.entry > a{display: block;width: 100%;height: 100%;padding: 2px 5px}#title div.toolbar-icon div.dropdown div.entry > .text{display: block;margin: 10px}#title div.toolbar-icon div.dropdown div.divide{height: 1px;width: 100%;margin-top: 5px;margin-bottom: 5px}#title.open .toolbar-icon.open > div.dropdown{display: block}+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.css b/modules/cms-ui/themes/default/style/openrat-workbench.css @@ -230,7 +230,7 @@ div#workbench > div > main > section.closed .view-toolbar { } @media only screen and (max-width: 55rem) { #title .toolbar-icon.search { - width: 4em; + width: 8em; } } @media only screen and (max-width: 55rem) { diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.less b/modules/cms-ui/themes/default/style/openrat-workbench.less @@ -305,7 +305,7 @@ div#workbench { .toolbar-icon.search { width: 8em; @media @smartphones { - width: 4em; + width: 8em; } input { diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.min.css b/modules/cms-ui/themes/default/style/openrat-workbench.min.css @@ -1 +1 @@ -div#dialog > .view{overflow: auto;position: absolute;top: 5%;left: 10%;width: 80%;height: 80%;z-index: 101;border: 1px solid !important}div#dialog.is-closed{display: none}div#dialog div#filler{position: absolute;z-index: 100;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5}div#dialog div#filler span.icon{font-family: 'Helvetica', 'Arial', sans-serif;opacity: 1;font-size: 3em;font-weight: bold;text-align: center;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px}.arrow{width: 0;height: 0;margin: 6px;padding: 0;font-size: 0}.arrow.arrow-down{border-right: 6px solid transparent;border-top: 6px solid;border-left: 6px solid transparent;border-bottom: 4px solid transparent;margin-top: 10px}.arrow.arrow-right{border-top: 6px solid transparent;border-left: 6px solid;border-bottom: 6px solid transparent;border-right: 4px solid transparent;margin-left: 10px}#editor .dirty{font-weight: bold}.visible-for-nojs{display: none}html.nojs .noscript{display: block}.toggle-open-close .on-click-open-close{cursor: pointer;font-weight: normal}.toggle-open-close > div{transition: height ease .5s;overflow: hidden}.toggle-open-close.closed .on-click-open-close .on-closed{display: inline}.toggle-open-close.closed .on-click-open-close .on-open{display: none}.toggle-open-close.closed > div{height: 0}.toggle-open-close.open > div{display: block}.toggle-open-close.open .on-click-open-close .on-closed{display: none}.toggle-open-close.open .on-click-open-close .on-open{display: inline}html,body{width: 100%;height: 100%}div#workbench{width: 100%;height: 100%;display: flex;flex-direction: column}div#workbench div.panel.modal{position: relative;z-index: 101;border: 1px solid !important}div#workbench > header{height: 3.0rem}div#workbench > header .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){div#workbench > header .toolbar-icon span.label,div#workbench > header .toolbar-icon .arrow-down{display: none}}div#workbench > div{flex: 1;display: flex;flex-direction: row;min-width: 0;min-height: 0}div#workbench > div > main{flex: 1}div#workbench > div > nav,div#workbench > div > main{min-width: 0;min-height: 0;overflow-y: auto;overflow-x: hidden}div#workbench > div > nav{width: 33%;overflow-y: hidden}@media only screen and (max-width: 55rem){div#workbench > div > nav{width: 0}}div#workbench > div > nav.open{width: 33%;overflow-y: auto}@media only screen and (max-width: 55rem){div#workbench > div > nav.open{width: 90%}}@media only screen and (min-width: 75rem){div#workbench > div > nav{width: 33%;overflow-y: auto}}div#workbench > div > nav div.view{height: 100%}div#workbench > div > main > section{margin: 1.5em;border: 1px solid;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px}@media only screen and (max-width: 55rem){div#workbench > div > main > section{margin: 0.5em}}div#workbench > div > main > section header *{display: inline}div#workbench > div > main > section .view-toolbar{display: inline}div#workbench > div > main > section.closed .view-toolbar{display: none}#title .toggle-nav-open-close{display: none}@media only screen and (max-width: 55rem){#title .toggle-nav-open-close{display: inline}}#title .toolbar-icon.search{width: 8em}@media only screen and (max-width: 55rem){#title .toolbar-icon.search{width: 4em}}@media only screen and (max-width: 55rem){#title .toolbar-icon.search input{width: 3em}}div.view.loader{background: url(../images/loader.gif) no-repeat;background-position: center;opacity: 0.5;cursor: wait}@media only screen and (max-width: 55rem){html{font-size: 1.0em}}- \ No newline at end of file +div#dialog > .view{overflow: auto;position: absolute;top: 5%;left: 10%;width: 80%;height: 80%;z-index: 101;border: 1px solid !important}div#dialog.is-closed{display: none}div#dialog div#filler{position: absolute;z-index: 100;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5}div#dialog div#filler span.icon{font-family: 'Helvetica', 'Arial', sans-serif;opacity: 1;font-size: 3em;font-weight: bold;text-align: center;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px}.arrow{width: 0;height: 0;margin: 6px;padding: 0;font-size: 0}.arrow.arrow-down{border-right: 6px solid transparent;border-top: 6px solid;border-left: 6px solid transparent;border-bottom: 4px solid transparent;margin-top: 10px}.arrow.arrow-right{border-top: 6px solid transparent;border-left: 6px solid;border-bottom: 6px solid transparent;border-right: 4px solid transparent;margin-left: 10px}#editor .dirty{font-weight: bold}.visible-for-nojs{display: none}html.nojs .noscript{display: block}.toggle-open-close .on-click-open-close{cursor: pointer;font-weight: normal}.toggle-open-close > div{transition: height ease .5s;overflow: hidden}.toggle-open-close.closed .on-click-open-close .on-closed{display: inline}.toggle-open-close.closed .on-click-open-close .on-open{display: none}.toggle-open-close.closed > div{height: 0}.toggle-open-close.open > div{display: block}.toggle-open-close.open .on-click-open-close .on-closed{display: none}.toggle-open-close.open .on-click-open-close .on-open{display: inline}html,body{width: 100%;height: 100%}div#workbench{width: 100%;height: 100%;display: flex;flex-direction: column}div#workbench div.panel.modal{position: relative;z-index: 101;border: 1px solid !important}div#workbench > header{height: 3.0rem}div#workbench > header .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){div#workbench > header .toolbar-icon span.label,div#workbench > header .toolbar-icon .arrow-down{display: none}}div#workbench > div{flex: 1;display: flex;flex-direction: row;min-width: 0;min-height: 0}div#workbench > div > main{flex: 1}div#workbench > div > nav,div#workbench > div > main{min-width: 0;min-height: 0;overflow-y: auto;overflow-x: hidden}div#workbench > div > nav{width: 33%;overflow-y: hidden}@media only screen and (max-width: 55rem){div#workbench > div > nav{width: 0}}div#workbench > div > nav.open{width: 33%;overflow-y: auto}@media only screen and (max-width: 55rem){div#workbench > div > nav.open{width: 90%}}@media only screen and (min-width: 75rem){div#workbench > div > nav{width: 33%;overflow-y: auto}}div#workbench > div > nav div.view{height: 100%}div#workbench > div > main > section{margin: 1.5em;border: 1px solid;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px}@media only screen and (max-width: 55rem){div#workbench > div > main > section{margin: 0.5em}}div#workbench > div > main > section header *{display: inline}div#workbench > div > main > section .view-toolbar{display: inline}div#workbench > div > main > section.closed .view-toolbar{display: none}#title .toggle-nav-open-close{display: none}@media only screen and (max-width: 55rem){#title .toggle-nav-open-close{display: inline}}#title .toolbar-icon.search{width: 8em}@media only screen and (max-width: 55rem){#title .toolbar-icon.search{width: 8em}}@media only screen and (max-width: 55rem){#title .toolbar-icon.search input{width: 3em}}div.view.loader{background: url(../images/loader.gif) no-repeat;background-position: center;opacity: 0.5;cursor: wait}@media only screen and (max-width: 55rem){html{font-size: 1.0em}}+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/theme/openrat-theme.less b/modules/cms-ui/themes/default/style/theme/openrat-theme.less @@ -408,6 +408,17 @@ html.theme-@{cms-theme-id} { div.toolbar-icon > a { color: @cms-title-text-color; } + + .search { + .inputholder { + background-color: transparent; + .box-shadow(0,0,0,transparent); + input { + background-color: transparent; + color: @cms-title-text-color; + } + } + } } #title, ul.views > li.action {