openrat-cms

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

commit e4a7c747537f310c9af91b0b56aa9d9a9f5efbf2
parent e6246ac6809db6fd58ca2596d64b68b67bae5cc1
Author: Jan Dankert <develop@jandankert.de>
Date:   Mon, 29 Nov 2021 01:22:40 +0100

New: Themes may contain multiple color schemes (for now only "dark" and "light"), modern browsers are selecting the right scheme.

Diffstat:
Mmodules/cms/base/DefaultConfig.class.php | 127+++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------
Mmodules/cms/ui/action/index/IndexThemestyleAction.class.php | 91++++++++++++++++++++++++++++++++++++++++++++++---------------------------------
Mmodules/cms/ui/themes/default/style/openrat-form.less | 14+++++++++++---
Mmodules/cms/ui/themes/default/style/openrat-workbench.less | 6++++++
Mmodules/cms/ui/themes/default/style/openrat.css | 21++++++++++++++++-----
Mmodules/cms/ui/themes/default/style/openrat.min.css | 4++--
Mmodules/cms/ui/themes/default/style/theme/openrat-theme.less | 12+++++++++---
7 files changed, 186 insertions(+), 89 deletions(-)

diff --git a/modules/cms/base/DefaultConfig.class.php b/modules/cms/base/DefaultConfig.class.php @@ -17,7 +17,7 @@ class DefaultConfig { */ public static function get() { - return + return [ 'applications' => [ @@ -198,7 +198,7 @@ class DefaultConfig { 'override_title' => '', 'style' => [ - 'default' => 'modern', + 'default' => 'elastique', ], 'config' => [ @@ -497,61 +497,112 @@ class DefaultConfig { 'earlgrey' => [ 'name' => 'Earl grey', - 'main_title_background_color' => 'grey', - 'main_title_text_color' => 'white', - 'text_color' => 'black', - 'background_color' => '#e9e9e9', - 'inactive_background_color' => 'silver', + 'defaults' => [ + 'main_title_background_color' => 'grey', + 'main_title_text_color' => 'white', + 'text_color' => 'black', + 'background_color' => '#e9e9e9', + 'inactive_background_color' => 'silver', + ] ], 'dracula' => - [ + [ 'name' => 'Dracula', - 'main_title_background_color' => '#44475a', - 'main_title_text_color' => '#f8f8f2', - 'nav_title_background_color' => '#44475a', - 'nav_title_text_color' => '#f8f8f2', - 'text_color' => '#f8f8f2', - 'background_color' => '#282a36', - 'inactive_background_color' => '#44475a', - 'image_color' => 'orange', + 'defaults' => [ + 'main_title_background_color' => '#44475a', + 'main_title_text_color' => '#f8f8f2', + 'nav_title_background_color' => '#44475a', + 'nav_title_text_color' => '#f8f8f2', + 'text_color' => '#f8f8f2', + 'background_color' => '#282a36', + 'inactive_background_color' => '#44475a', + 'image_color' => 'orange', + ] + ], + 'elastique' => + [ + 'name' => 'Elastique', + 'schemes' => [ + 'dark'=> [ + 'main_title_background_color' => '#21292C', + 'main_title_text_color' => '#C5D1D3', + 'nav_title_background_color' => '#21292C', + 'nav_title_text_color' => '#C5D1D3', + 'text_color' => '#C5D1D3', + 'background_color' => '#21292C', + 'inactive_background_color' => '#21292C', + ], + 'light'=> [ + 'main_title_background_color' => '#FFFFFF', + 'main_title_text_color' => '#2C363A', + 'main_background_color' => '#E4E4E4', + 'main_text_color' => '#2C363A', + 'nav_background_color' => '#2F3A3F', + 'nav_text_color' => '#FFFFFF', + 'background_color' => '#E4E4E4', + 'text_color' => '#2C363A', + 'inactive_background_color' => '#44475a', + ] + ], + 'defaults'=> [ + 'image_color' => '#3687AD', + ] ], 'modern' => [ 'name' => 'Blue sky', - 'main_title_background_color' => '#3F6194', - 'main_title_text_color' => 'white', - 'nav_title_background_color' => '#79afd9', - 'nav_background_color' => '#e1effa', - 'text_color' => 'black', - 'background_color' => '#F3F3F3', - 'inactive_background_color' => '#CCCCCC', + 'defaults' => [ + 'main_title_background_color' => '#3F6194', + 'main_title_text_color' => 'white', + 'nav_title_background_color' => '#79afd9', + 'nav_background_color' => '#e1effa', + 'text_color' => 'black', + 'background_color' => '#F3F3F3', + 'inactive_background_color' => '#CCCCCC', + ] ], 'moorweide' => [ 'name' => 'Moorweide', - 'main_title_background_color' => 'rgb(237, 246, 242)', - 'main_title_text_color' => 'rgb(0, 94, 82)', - 'text_color' => 'black', - 'background_color' => '#edf7f2', - 'inactive_background_color' => 'white', - 'image_color' => '#00a075', - 'nav_background_color' => 'rgb(0, 94, 82)', - 'nav_text_color' => 'white', + 'defaults' => [ + 'main_title_background_color' => 'rgb(237, 246, 242)', + 'main_title_text_color' => 'rgb(0, 94, 82)', + 'text_color' => 'black', + 'background_color' => '#edf7f2', + 'inactive_background_color' => 'white', + 'image_color' => '#00a075', + 'nav_background_color' => 'rgb(0, 94, 82)', + 'nav_text_color' => 'white', + ] ], 'dark' => [ 'name' => 'Dark', - 'main_title_background_color' => '#565655', - 'main_title_text_color' => '#DCDCDC', - 'text_color' => '#FFFFFF', - 'background_color' => '#201F1D', - 'inactive_background_color' => '#868685', + 'defaults' => [ + 'main_title_background_color' => '#565655', + 'main_title_text_color' => '#DCDCDC', + 'text_color' => '#FFFFFF', + 'background_color' => '#201F1D', + 'inactive_background_color' => '#868685', + ] ], 'mono' => [ 'name' => 'Monochrome', - 'text_color' => 'black', - 'background_color' => 'white', + 'schemes' => [ + 'dark'=> [ + 'text_color' => 'white', + 'background_color' => 'black', + ], + 'light'=>[ + 'text_color' => 'black', + 'background_color' => 'white', + + ], + ], + 'defaults' => [ + 'transition_duration' => '0' + ], ], ], 'theme' => diff --git a/modules/cms/ui/action/index/IndexThemestyleAction.class.php b/modules/cms/ui/action/index/IndexThemestyleAction.class.php @@ -1,13 +1,13 @@ <?php namespace cms\ui\action\index; use cms\action\Method; +use cms\base\Configuration as C; use cms\base\Startup; use cms\ui\action\IndexAction; use cms\action\RequestParams; use cms\auth\Auth; use cms\auth\AuthRunner; use cms\base\Configuration; -use cms\base\Configuration as C; use cms\model\BaseObject; use cms\model\Project; use cms\model\User; @@ -25,7 +25,11 @@ use util\UIUtils; use \util\exception\ObjectNotFoundException; use util\Session; class IndexThemestyleAction extends IndexAction implements Method { + + const DEFAULT_COLOR_SCHEME = 'light'; + public function view() { + $themeLessFile = Startup::THEMES_DIR . 'default/style/theme/openrat-theme.less'; $this->lastModified(filemtime($themeLessFile)); @@ -53,44 +57,55 @@ class IndexThemestyleAction extends IndexAction implements Method { $lessFile = Startup::THEMES_DIR . 'default/style/theme/openrat-theme.less'; $css = ''; - $styleConfig = C::subset( ['style',$styleId] ); - try - { - $themeStyle = new ThemeStyle( $styleConfig->getConfig() ); - - if ( DEVELOPMENT ) - $css .= "\n".'/* Theme: '.$styleId.' */'."\n"; - - $lessVars = array( - 'cms-theme-id' => strtolower($styleId), - 'cms-image-path' => '"'.Startup::THEMES_DIR.'default/images/'.'"', - ); - - foreach ( $themeStyle->getProperties() as $styleSetting => $value) - $lessVars['cms-' . Converter::camelToUnderscore($styleSetting, '-')] = $value; - - if ( DEVELOPMENT ) - $css .= "\n".'/* Theme-Properties: '.print_r( $lessVars,true).' */'."\n"; - - // we must create a new instance here, because the less parser is buggy when changing vars. - $parser = new Less(array( - 'sourceMap' => DEVELOPMENT, - 'indentation' => DEVELOPMENT?"\t":'', - 'outputSourceFiles' => false, - 'compress' => PRODUCTION - )); - $parser->parseFile($lessFile,basename($lessFile)); - $parser->modifyVars($lessVars); - $css .= $parser->getCss(); - } - catch (Exception $e) - { - Logger::warn( new \RuntimeException("LESS Parser failed on file '$lessFile'.", 0,$e) ); - - // For not confusing the browser we are displaying a CSS with a comment. - if ( DEVELOPMENT ) - $css .= "\n\n/* ERROR!\n LESS Parser failed on file '$lessFile'. Reason: " . $e->__toString() . " */\nhtml { content: \"Theme not available\";}\n"; + foreach( ['light','dark'] as $scheme ) { + + $schemeConfig = $styleConfig->subset('defaults')->merge( $styleConfig->subset('schemes')->subset($scheme) ); + + $colorScheme = $scheme!=self::DEFAULT_COLOR_SCHEME ? $scheme : ''; // "Light" is the default + + if ( $colorScheme ) + $css .= '@media screen and (prefers-color-scheme: '.$scheme.') {'; + try + { + $themeStyle = new ThemeStyle( $schemeConfig->getConfig() ); + + if ( DEVELOPMENT ) + $css .= "\n".'/* Theme: '.$styleId.' */'."\n"; + + $lessVars = array( + 'cms-theme-id' => strtolower($styleId), + 'cms-image-path' => '"'.Startup::THEMES_DIR.'default/images/'.'"', + ); + + foreach ( $themeStyle->getProperties() as $styleSetting => $value) + $lessVars['cms-' . Converter::camelToUnderscore($styleSetting, '-')] = $value; + + if ( DEVELOPMENT ) + $css .= "\n".'/* Theme-Properties: '.print_r( $lessVars,true).' */'."\n"; + + // we must create a new instance here, because the less parser is buggy when changing vars. + $parser = new Less(array( + 'sourceMap' => DEVELOPMENT, + 'indentation' => DEVELOPMENT?"\t":'', + 'outputSourceFiles' => false, + 'compress' => PRODUCTION + )); + $parser->parseFile($lessFile,basename($lessFile)); + $parser->modifyVars($lessVars); + $css .= $parser->getCss(); + } + catch (Exception $e) + { + Logger::warn( new \RuntimeException("LESS Parser failed on file '$lessFile'.", 0,$e) ); + + // For not confusing the browser we are displaying a CSS with a comment. + if ( DEVELOPMENT ) + $css .= "\n\n/* ERROR!\n LESS Parser failed on file '$lessFile'. Reason: " . $e->__toString() . " */\nhtml { content: \"Theme not available\";}\n"; + } + + if ( $colorScheme ) + $css .= '}'; } return $css; diff --git a/modules/cms/ui/themes/default/style/openrat-form.less b/modules/cms/ui/themes/default/style/openrat-form.less @@ -17,6 +17,12 @@ flex-direction: column; padding: 1em; + &-checkbox, + &-radio { + transform: scale(1.5); // Increase size of checkboxes + margin-right: 1em; + } + &-headline { height: 2em; } @@ -81,11 +87,13 @@ &-input { width: 85%; - border: 1px solid; - border-radius: 4px; + border: 0; + border-width: 0; + border-bottom: 1px solid; + //border-radius: 4px; box-sizing: border-box; resize: vertical; - padding: 2px; + padding: 0.5em; margin: 0; outline: none; diff --git a/modules/cms/ui/themes/default/style/openrat-workbench.less b/modules/cms/ui/themes/default/style/openrat-workbench.less @@ -349,6 +349,12 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. &-loader { background: url(../images/loader.gif) no-repeat; + + // Reduced Motion + @media screen and (prefers-reduced-motion: reduce) { + background: none; + } + background-position: center, top; height: 30px; opacity: 0.5; diff --git a/modules/cms/ui/themes/default/style/openrat.css b/modules/cms/ui/themes/default/style/openrat.css @@ -334,6 +334,11 @@ Basis-Style for Openrat. flex-direction: column; padding: 1em; } +.or-form-checkbox, +.or-form-radio { + transform: scale(1.5); + margin-right: 1em; +} .or-form-headline { height: 2em; } @@ -378,11 +383,12 @@ Basis-Style for Openrat. } .or-input { width: 85%; - border: 1px solid; - border-radius: 4px; + border: 0; + border-width: 0; + border-bottom: 1px solid; box-sizing: border-box; resize: vertical; - padding: 2px; + padding: 0.5em; margin: 0; outline: none; } @@ -425,7 +431,7 @@ Basis-Style for Openrat. min-width: 0; } } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Flocalhost%5C%2Fcms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-form.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAWA%3B%3B%3BAAEI%2CGAAC%3BCACG%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CGANH%2CKAMI%3BCACG%3B%3BAAGJ%2CGAVH%2CKAUI%3BCACG%3BCACA%3B%3BAAKJ%2CGAjBH%2CKAiBI%3BCACG%3BCACA%3B%3BAAFJ%2CGAjBH%2CKAiBI%2CIAIG%3BCACI%3B%3BAALR%2CGAjBH%2CKAiBI%2CIAQG%3BCACI%3B%3BAAYR%3BCAAA%2CGAtCH%2CKAiBI%3BEAcO%3B%3BCAOR%2CGAtCH%2CKAiBI%2CIAgBO%3BCAKR%2CGAtCH%2CKAiBI%2CIAiBO%3BEACI%3B%3B%3BAAMZ%2CGAzCH%2CKAyCI%3BCAEG%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3BAAaR%3BCAAA%2CGAjEC%2CKA2DO%3BEACI%3B%3B%3BAAQZ%2CGAAC%3BCACG%3BCACA%2CiBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CGAVH%2CMAUI%3BCACG%3B%3BAAGJ%2CGAdH%2CMAcI%3BAAAY%2CGAdhB%2CMAciB%3BCACV%2CaAAa%2CiDAAb%3B%3BAAQR%2CGAAC%3BCACG%3BCACA%2CyBAAA%3BCAvGJ%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3BCAsGI%3B%3BAAEA%2CGANH%2CIAMI%3BCACG%2CgBAAA%3BCACA%3BCACA%3BCA9GR%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3B%3BAAkHI%3BCAAA%2CGAhBH%2CIAMI%3BEAOO%2CgBAAA%3BEACA%3B%3B%3BAAIR%2CGAlBH%2CIAkBI%3BCACG%3B%3BAAOJ%3BCAAA%2CGA1BH%2CIAsBI%3BEAEO%22%7D */ +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Flocalhost%5C%2Fcms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-form.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAWA%3B%3B%3BAAEI%2CGAAC%3BCACG%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CGANH%2CKAMI%3BAACD%2CGAPH%2CKAOI%3BCACC%2CWAAW%2CUAAX%3BCACA%3B%3BAAGF%2CGAZH%2CKAYI%3BCACG%3B%3BAAGJ%2CGAhBH%2CKAgBI%3BCACG%3BCACA%3B%3BAAKJ%2CGAvBH%2CKAuBI%3BCACG%3BCACA%3B%3BAAFJ%2CGAvBH%2CKAuBI%2CIAIG%3BCACI%3B%3BAALR%2CGAvBH%2CKAuBI%2CIAQG%3BCACI%3B%3BAAYR%3BCAAA%2CGA5CH%2CKAuBI%3BEAcO%3B%3BCAOR%2CGA5CH%2CKAuBI%2CIAgBO%3BCAKR%2CGA5CH%2CKAuBI%2CIAiBO%3BEACI%3B%3B%3BAAMZ%2CGA%5C%2FCH%2CKA%2BCI%3BCAEG%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3BAAaR%3BCAAA%2CGAvEC%2CKAiEO%3BEACI%3B%3B%3BAAQZ%2CGAAC%3BCACG%3BCACA%3BCACA%3BCACA%2CwBAAA%3BCAEA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CGAZH%2CMAYI%3BCACG%3B%3BAAGJ%2CGAhBH%2CMAgBI%3BAAAY%2CGAhBhB%2CMAgBiB%3BCACV%2CaAAa%2CiDAAb%3B%3BAAQR%2CGAAC%3BCACG%3BCACA%2CyBAAA%3BCA%5C%2FGJ%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3BCA8GI%3B%3BAAEA%2CGANH%2CIAMI%3BCACG%2CgBAAA%3BCACA%3BCACA%3BCAtHR%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3B%3BAA0HI%3BCAAA%2CGAhBH%2CIAMI%3BEAOO%2CgBAAA%3BEACA%3B%3B%3BAAIR%2CGAlBH%2CIAkBI%3BCACG%3B%3BAAOJ%3BCAAA%2CGA1BH%2CIAsBI%3BEAEO%22%7D */ /* Include style: /default/style/openrat-image */ .or-image--rightshift { position: relative; @@ -1717,12 +1723,17 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. cursor: wait; pointer-events: none; } +@media screen and (prefers-reduced-motion: reduce) { + .or-loader { + background: none; + } +} @media only screen and (max-width: 55rem) { html { font-size: 1.1em; } } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Flocalhost%5C%2Fcms%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 */ +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Flocalhost%5C%2Fcms%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%3BCAOA%2CgCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAJA%2CmBAJmD%3BCAInD%2CGATH%3BEAMK%3B%3B%3BAAyBV%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 @@ -6,7 +6,7 @@ .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%}} @font-face{font-family: 'Oxygen';font-style: normal;font-weight: 400;src: local('Oxygen Regular'), local('Oxygen-Regular'), url('../font/oxygen-v7-latin-regular.woff') format('woff2'), url('../font/oxygen-v7-latin-regular.woff') format('woff')}@font-face{font-family: 'Source Code Pro';font-style: normal;font-weight: 400;src: local('Source Code Pro'), local('SourceCodePro-Regular'), url('../font/source-code-pro-v8-latin-regular.woff2') format('woff2'), url('../font/source-code-pro-v8-latin-regular.woff') format('woff')}@font-face{font-family: 'Material Icons';font-style: normal;font-weight: 400;src: local('Material Icons'), local('MaterialIcons-Regular'), url('../font/MaterialIcons-Regular.woff2') format('woff2')} -.or-form{display: flex;height: 100%;flex-direction: column;padding: 1em}.or-form-headline{height: 2em}.or-form-content{flex-grow: 1;padding-bottom: 6em}.or-form-row{display: flex;align-items: center}.or-form-row .or-form-label{width: 25%}.or-form-row .or-form-input{width: 75%}@media only screen and (max-width: 65rem){.or-form-row{flex-direction: column}.or-form-row .or-form-label,.or-form-row .or-form-input{width: 100%}}.or-form-actionbar{height: 3em;position: sticky;bottom: 0;left: 0;right: 0;display: flex;justify-content: end;padding: 1em;height: auto}@media only screen and (max-width: 65rem){.or-form .or-act-form-apply{display: none}}.or-input{width: 85%;border: 1px solid;border-radius: 4px;box-sizing: border-box;resize: vertical;padding: 2px;margin: 0;outline: none}.or-input--name{font-weight: bold}.or-input--filename,.or-input--extension{font-family: 'Source Code Pro', Monospace, Monospaced, Courier}.or-btn{padding: 0.2em;border: 1px solid #000;border-radius: .1em;-moz-border-radius: .1em;-webkit-border-radius: .1em;-khtml-border-radius: .1em;cursor: pointer}.or-btn--control{padding: 1em 2em;margin-left: 1.5em;min-width: 14em;border-radius: .5em;-moz-border-radius: .5em;-webkit-border-radius: .5em;-khtml-border-radius: .5em}@media only screen and (max-width: 65rem){.or-btn--control{padding: 1em 1em;min-width: 5em}}.or-btn--primary{font-weight: bold}@media only screen and (max-width: 65rem){.or-btn--secondary{min-width: 0}} +.or-form{display: flex;height: 100%;flex-direction: column;padding: 1em}.or-form-checkbox,.or-form-radio{transform: scale(1.5);margin-right: 1em}.or-form-headline{height: 2em}.or-form-content{flex-grow: 1;padding-bottom: 6em}.or-form-row{display: flex;align-items: center}.or-form-row .or-form-label{width: 25%}.or-form-row .or-form-input{width: 75%}@media only screen and (max-width: 65rem){.or-form-row{flex-direction: column}.or-form-row .or-form-label,.or-form-row .or-form-input{width: 100%}}.or-form-actionbar{height: 3em;position: sticky;bottom: 0;left: 0;right: 0;display: flex;justify-content: end;padding: 1em;height: auto}@media only screen and (max-width: 65rem){.or-form .or-act-form-apply{display: none}}.or-input{width: 85%;border: 0;border-width: 0;border-bottom: 1px solid;box-sizing: border-box;resize: vertical;padding: 0.5em;margin: 0;outline: none}.or-input--name{font-weight: bold}.or-input--filename,.or-input--extension{font-family: 'Source Code Pro', Monospace, Monospaced, Courier}.or-btn{padding: 0.2em;border: 1px solid #000;border-radius: .1em;-moz-border-radius: .1em;-webkit-border-radius: .1em;-khtml-border-radius: .1em;cursor: pointer}.or-btn--control{padding: 1em 2em;margin-left: 1.5em;min-width: 14em;border-radius: .5em;-moz-border-radius: .5em;-webkit-border-radius: .5em;-khtml-border-radius: .5em}@media only screen and (max-width: 65rem){.or-btn--control{padding: 1em 1em;min-width: 5em}}.or-btn--primary{font-weight: bold}@media only screen and (max-width: 65rem){.or-btn--secondary{min-width: 0}} .or-image--rightshift{position: relative;left: 0.5em}.or-image--preview{max-width: 100%;overflow: auto}.or-image-icon{font-family: 'Material Icons';font-weight: normal;font-style: normal;display: inline-block;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;font-feature-settings: 'liga'}.or-image-icon--blank:after{content: "link";visibility: hidden}.or-image-icon--action-el_text:after{content: "spellcheck"}.or-image-icon--action-el_longtext:after{content: "view_headline"}.or-image-icon--action-el_select:after{content: "list"}.or-image-icon--action-el_number:after{content: "looks_one"}.or-image-icon--action-el_link:after{content: "call_made"}.or-image-icon--action-el_date:after{content: "date_range"}.or-image-icon--action-el_insert:after{content: "keyboard_return"}.or-image-icon--action-el_copy:after{content: "flip_to_back"}.or-image-icon--action-el_linkinfo:after{content: "info"}.or-image-icon--action-el_linkdate:after{content: "info"}.or-image-icon--action-el_code:after{content: "code"}.or-image-icon--action-el_dynamic:after{content: "play_circle_outline"}.or-image-icon--action-el_info:after{content: "info"}.or-image-icon--action-el_infodate:after{content: "info"}.or-image-icon--action-el_checkbox:after{content: "check_box"}.or-image-icon--action-image:after{content: "image"}.or-image-icon--action-link:after{content: "call_made"}.or-image-icon--action-url:after{content: "link"}.or-image-icon--action-alias:after{content: "bookmark_border"}.or-image-icon--action-text:after{content: "text_format"}.or-image-icon--action-page:after{content: "insert_drive_file"}.or-image-icon--action-file:after{content: "save"}.or-image-icon--action-modellist:after{content: "device_hub"}.or-image-icon--action-model:after{content: "device_hub"}.or-image-icon--action-folder:after{content: "folder_open"}.or-image-icon--action-languagelist:after{content: "language"}.or-image-icon--action-language:after{content: "language"}.or-image-icon--action-template:after{content: "receipt"}.or-image-icon--action-templatelist:after{content: "receipt"}.or-image-icon--action-grouplist:after{content: "group"}.or-image-icon--action-group:after{content: "group"}.or-image-icon--action-userlist:after{content: "person"}.or-image-icon--action-user:after{content: "person"}.or-image-icon--action-profile:after{content: "person_pin"}.or-image-icon--action-configuration:after{content: "settings"}.or-image-icon--action-projectlist:after{content: "account_balance"}.or-image-icon--action-project:after{content: "account_balance"}.or-image-icon--action-macro:after{content: "data_usage"}.or-image-icon--action-membership{content: "card_membership"}.or-image-icon--method-delete:after{content: "delete"}.or-image-icon--method-prop:after{content: "description"}.or-image-icon--method-settings:after{content: "settings"}.or-image-icon--method-password:after{content: "lock"}.or-image-icon--method-publish:after{content: "cloud_upload"}.or-image-icon--method-show:after{content: "slideshow"}.or-image-icon--method-src:after{content: "code"}.or-image-icon--method-acl:after{content: "https"}.or-image-icon--method-rights:after{content: "https"}.or-image-icon--method-history:after{content: "schedule"}.or-image-icon--method-mail:after{content: "mail"}.or-image-icon--method-search:after{content: "search"}.or-image-icon--method-add:after{content: "add_box"}.or-image-icon--method-preview:after{content: "desktop_windows"}.or-image-icon--method-edit:after{content: "spellcheck"}.or-image-icon--method-info:after{content: "info"}.or-image-icon--method-restore:after{content: "restore"}.or-image-icon--method-release:after{content: "check_circle"}.or-image-icon--method-login:after{content: "person"}.or-image-icon--method-logout:after{content: "person_off"}.or-image-icon--permission-read:after{content: "search"}.or-image-icon--permission-write:after{content: "spellcheck"}.or-image-icon--permission-prop:after{content: "description"}.or-image-icon--permission-delete:after{content: "delete"}.or-image-icon--permission-create_link:after{content: "call_made"}.or-image-icon--permission-create_page:after{content: "add_box"}.or-image-icon--permission-create_file:after{content: "save"}.or-image-icon--permission-create_folder:after{content: "folder_open"}.or-image-icon--permission-grant:after{content: "https"}.or-image-icon--permission-transmit:after{content: "perm_data_setting"}.or-image-icon--permission-publish:after{content: "cloud_upload"}.or-image-icon--permission-release:after{content: "check_circle"}.or-image-icon--status-released:after{content: "verified_user"}.or-image-icon--status-active:after{content: "grade"}.or-image-icon--status-authenticated:after{content: "lock_outline"}.or-image-icon--status-guest:after{content: "lock_open"}.or-image-icon--menu-tree:after{content: "account_tree"}.or-image-icon--menu-close:after{content: "close"}.or-image-icon--menu-fullscreen:after{content: "fullscreen"}.or-image-icon--menu-edit:after{content: "description"}.or-image-icon--menu-extra:after{content: "build"}.or-image-icon--menu-menu:after{content: "menu"}.or-image-icon--menu-minimize:after{content: "compare_arrows"}.or-image-icon--menu-qrcode:after{content: "phone_android"}.or-image-icon--menu-up:after{content: "chevron_left"}.or-image-icon--menu-back:after{content: "arrow_back"}.or-image-icon--menu-more:after{content: "more_vert"}.or-image-icon--visible:after{content: "visibility"}.or-image-icon--node-open:after{content: "expand_more"}.or-image-icon--node-closed:after{content: "chevron_right"}.or-image-icon--dropdown:after{content: "arrow_drop_down"}.or-image-icon--database:after{content: "storage"}.or-image-icon--arrow-left:after{content: "chevron_left"}.or-image-icon--arrow-right:after{content: "chevron_right"}.or-image-icon--form-ok:after{content: "done"}.or-image-icon--form-apply:after{content: "done"}.or-image-icon--form-cancel:after{content: "clear"}.or-image-icon--editor-bold:after{content: "format_bold"}.or-image-icon--editor-italic:after{content: "format_italic"}.or-image-icon--editor-headline:after{content: "format_size"}.or-image-icon--editor-help:after{content: "help_outline"}.or-image-icon--editor-fullscreen:after{content: "fullscreen"}.or-image-icon--editor-quote:after{content: "format_quote"}.or-image-icon--editor-unnumberedlist:after{content: "format_list_bulleted"}.or-image-icon--editor-numberedlist:after{content: "format_list_numbered"}.or-image-icon--editor-preview:after{content: "desktop_windows"}.or-image-icon--editor-sidebyside:after{content: "flip"}.or-image-icon--editor-link:after{content: "link"}.or-image-icon--editor-image:after{content: "image"}.or-image-icon--editor-undo:after{content: "undo"}.or-image-icon--editor-redo:after{content: "redo"}.or-image-icon--editor-code:after{content: "code"}.or-image-icon--editor-horizontalrule:after{content: "remove"}.or-image-icon--editor-table:after{content: "view_comfy"} .or-info{position: relative}.or-info--open-on-hover:hover .or-info-popup,.or-info--open .or-info-popup{display: block}.or-info-popup{display: none;position: absolute;top: 1.2em;left: -2em;overflow: visible;border: 0.5em;font-size: 2em;border-radius: 0.3em;padding: 1.0em;z-index: 6}.or-info-popup > div{display: inline-block} .or-menu{display: flex;justify-content: space-between}@media only screen and (max-width: 70rem){.or-menu-shortcut{display: none}}@media only screen and (max-width: 85rem){.or-menu-label,.or-menu-dropdown-icon{display: none}}.or-menu-group{display: flex}.or-menu-group:nth-last-child(1) div.or-dropdown{right: 10px}.or-menu-group .or-image-icon{width: 1.1em}.or-menu-group .or-toolbar-icon{padding: 2px;margin-left: 10px}.or-menu-group .or-toolbar-icon.or-menu-category{cursor: default}.or-menu-group .or-toolbar-icon.or-search input{border: 0;width: 10em}.or-menu--is-open .or-menu-category--is-open > .or-dropdown{display: block} @@ -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-draggable{cursor: move}.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}.or-link{color: inherit}.or-link--is-active{font-weight: bold}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}.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}} +.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 screen and (prefers-reduced-motion: reduce){.or-loader{background: 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} diff --git a/modules/cms/ui/themes/default/style/theme/openrat-theme.less b/modules/cms/ui/themes/default/style/theme/openrat-theme.less @@ -50,6 +50,11 @@ html { * { transition: opacity @cms-transition-duration ease-in-out,width @cms-transition-duration ease-in-out,height @cms-transition-duration ease-in-out,flex @cms-transition-duration ease-in-out,transform @cms-transition-duration ease-in-out; + + // Reduced Motion + @media screen and (prefers-reduced-motion: reduce) { + transition: none; + } } @@ -275,11 +280,12 @@ html { &-input { background-color: @cms-main-title-background-color; color: @cms-main-title-text-color; - border-color: mix(@cms-main-title-text-color, @cms-main-title-background-color); - .box-shadow(0px, 0px, 3px, @cms-main-title-text-color); - border-bottom-color: @cms-main-text-color; + //border-color: mix(@cms-main-title-text-color, @cms-main-title-background-color); + //.box-shadow(0px, 0px, 3px, @cms-main-title-text-color); + border-color: @cms-main-text-color; &:focus { + border-color: @cms-image-color; } //border-color: @cms-main-title-text-color;