commit 32b157ba8bbb31a643c816fc133814e28ef2f839 parent ee2e10d8bf86e1635224a8521c17da4b6a013f99 Author: Jan Dankert <develop@jandankert.de> Date: Fri, 12 Feb 2021 00:43:08 +0100 New: Style colors; Fix: Mobile navigation, global search. Diffstat:
15 files changed, 545 insertions(+), 298 deletions(-)
diff --git a/modules/cms/base/DefaultConfig.class.php b/modules/cms/base/DefaultConfig.class.php @@ -651,8 +651,8 @@ class DefaultConfig { 'earlgrey' => [ 'name' => 'Earl grey', - 'title_background_color' => 'grey', - 'title_text_color' => 'white', + 'main_title_background_color' => 'grey', + 'main_title_text_color' => 'white', 'text_color' => 'black', 'background_color' => '#e9e9e9', 'inactive_background_color' => 'silver', @@ -660,8 +660,8 @@ class DefaultConfig { 'dracula' => [ 'name' => 'Dracula', - 'title_background_color' => '#44475a', - 'title_text_color' => '#f8f8f2', + 'main_title_background_color' => '#44475a', + 'main_title_text_color' => '#f8f8f2', 'text_color' => '#f8f8f2', 'background_color' => '#282a36', 'inactive_background_color' => '#44475a', @@ -670,8 +670,10 @@ class DefaultConfig { 'modern' => [ 'name' => 'Blue sky', - 'title_background_color' => '#3F6194', - 'title_text_color' => 'white', + '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', @@ -679,8 +681,8 @@ class DefaultConfig { 'moorweide' => [ 'name' => 'Moorweide', - 'title_background_color' => '#edf7f2', - 'title_text_color' => '#005f52', + 'main_title_background_color' => '#edf7f2', + 'main_title_text_color' => '#005f52', 'text_color' => 'black', 'background_color' => '#edf7f2', 'inactive_background_color' => 'white', @@ -688,12 +690,18 @@ class DefaultConfig { 'dark' => [ 'name' => 'Dark', - 'title_background_color' => '#565655', - 'title_text_color' => '#DCDCDC', + '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', + ], ], 'theme' => [ diff --git a/modules/cms/ui/themes/ThemeStyle.class.php b/modules/cms/ui/themes/ThemeStyle.class.php @@ -10,16 +10,28 @@ use util\text\Converter; class ThemeStyle { private $name; - private $titleBackgroundColor; - private $titleTextColor; + private $textColor = 'black'; private $backgroundColor = '#d9d9d9'; + private $inactiveBackgroundColor; - private $themeColor; - private $searchBackgroundcolor; - private $searchTextColor; - private $navBackgroundcolor; + + private $mainTextColor ; + private $mainBackgroundColor; + private $mainTitleBackgroundColor; + private $mainTitleTextColor; + + private $navBackgroundColor; private $navTextColor; + private $navTitleBackgroundColor; + private $navTitleTextColor; + + private $dialogTitleBackgroundColor; + private $dialogTitleTextColor; + private $dialogBackgroundColor; + private $dialogTextColor; + + private $themeColor; private $arrowColor; private $imageColor; @@ -58,35 +70,55 @@ class ThemeStyle */ protected function fillMissingValues() { - if ( ! $this->titleBackgroundColor ) - $this->titleBackgroundColor = $this->backgroundColor; + if ( ! $this->mainTitleBackgroundColor ) + $this->mainTitleBackgroundColor = $this->backgroundColor; - if ( ! $this->titleTextColor ) - $this->titleTextColor = $this->textColor; + if ( ! $this->mainTitleTextColor ) + $this->mainTitleTextColor = $this->textColor; + + if ( ! $this->mainBackgroundColor ) + $this->mainBackgroundColor = $this->backgroundColor; + + if ( ! $this->mainTextColor ) + $this->mainTextColor = $this->textColor; if ( ! $this->themeColor ) - $this->themeColor = $this->titleBackgroundColor; + $this->themeColor = $this->mainTitleBackgroundColor; if ( ! $this->inactiveBackgroundColor ) $this->inactiveBackgroundColor = $this->backgroundColor; - if ( ! $this->searchTextColor ) - $this->searchTextColor = $this->titleTextColor; + if ( ! $this->navTitleTextColor ) + $this->navTitleTextColor= $this->mainTitleTextColor; - if ( ! $this->searchBackgroundcolor ) - $this->searchBackgroundcolor = $this->titleBackgroundColor; + if ( ! $this->navTitleBackgroundColor ) + $this->navTitleBackgroundColor = $this->mainTitleBackgroundColor; if ( ! $this->navTextColor ) - $this->navTextColor = $this->textColor; + $this->navTextColor = $this->mainTextColor; + + if ( ! $this->navBackgroundColor ) + $this->navBackgroundColor = $this->mainBackgroundColor; + + + if ( ! $this->dialogTitleTextColor ) + $this->dialogTitleTextColor = $this->mainTitleTextColor; + + if ( ! $this->dialogTitleBackgroundColor ) + $this->dialogTitleBackgroundColor = $this->mainTitleBackgroundColor; + + if ( ! $this->dialogTextColor ) + $this->dialogTextColor = $this->mainTextColor; + + if ( ! $this->dialogBackgroundColor ) + $this->dialogBackgroundColor = $this->mainBackgroundColor; - if ( ! $this->navBackgroundcolor ) - $this->navBackgroundcolor = $this->backgroundColor; if ( ! $this->arrowColor ) $this->arrowColor = $this->themeColor; if ( ! $this->imageColor ) - $this->imageColor = $this->themeColor; + $this->imageColor = $this->mainTitleTextColor; } diff --git a/modules/cms/ui/themes/default/html/views/index/show.php b/modules/cms/ui/themes/default/html/views/index/show.php @@ -15,27 +15,34 @@ </head> <body><?php echo O::escapeHtml('') ?> <div id="<?php echo O::escapeHtml('workbench') ?>" class="<?php echo O::escapeHtml('or-workbench or--initial-hidden') ?>"><?php echo O::escapeHtml('') ?> - <div class="<?php echo O::escapeHtml('or-workbench-navigation or-workbench-screen') ?>"><?php echo O::escapeHtml('') ?> - <div class="<?php echo O::escapeHtml('or-workbench-title or-workbench-search') ?>"><?php echo O::escapeHtml('') ?> - <div class="<?php echo O::escapeHtml('or-menu') ?>"><?php echo O::escapeHtml('') ?> - <div class="<?php echo O::escapeHtml('or-menu-group') ?>"><?php echo O::escapeHtml('') ?> - <div class="<?php echo O::escapeHtml('or-toolbar-icon or-act-nav-small or--visible-on-desktop') ?>"><?php echo O::escapeHtml('') ?> - <i class="<?php echo O::escapeHtml('or-image-icon or-image-icon--menu-close') ?>"><?php echo O::escapeHtml('') ?></i> - </div> - <div class="<?php echo O::escapeHtml('or-toolbar-icon or-menu-category or-search') ?>"><?php echo O::escapeHtml('') ?> - <i class="<?php echo O::escapeHtml('or-image-icon or-image-icon--method-search') ?>"><?php echo O::escapeHtml('') ?></i> - <input name="<?php echo O::escapeHtml('text') ?>" placeholder="<?php echo O::escapeHtml(''.@O::lang('search').'') ?>" type="<?php echo O::escapeHtml('text') ?>" maxlength="<?php echo O::escapeHtml('256') ?>" value="<?php echo O::escapeHtml(''.@$text.'') ?>" class="<?php echo O::escapeHtml('or-input') ?>" /><?php echo O::escapeHtml('') ?> - <i class="<?php echo O::escapeHtml('or-image-icon or-image-icon--dropdown or-menu-dropdown-icon') ?>"><?php echo O::escapeHtml('') ?></i> - <div class="<?php echo O::escapeHtml('or-dropdown or-dropdown--on-right or-act-global-search-results') ?>"><?php echo O::escapeHtml('') ?> - <span class="<?php echo O::escapeHtml('or-dropdown-entry') ?>"><?php echo O::escapeHtml('') ?></span> + <div class="<?php echo O::escapeHtml('or-workbench-navigation') ?>"><?php echo O::escapeHtml('') ?> + <div class="<?php echo O::escapeHtml('or-workbench-screen or-workbench-navigation-content') ?>"><?php echo O::escapeHtml('') ?> + <div class="<?php echo O::escapeHtml('or-workbench-title or-workbench-search') ?>"><?php echo O::escapeHtml('') ?> + <div class="<?php echo O::escapeHtml('or-menu') ?>"><?php echo O::escapeHtml('') ?> + <div class="<?php echo O::escapeHtml('or-menu-group') ?>"><?php echo O::escapeHtml('') ?> + <div class="<?php echo O::escapeHtml('or-toolbar-icon or-act-nav-small or--visible-on-desktop') ?>"><?php echo O::escapeHtml('') ?> + <i class="<?php echo O::escapeHtml('or-image-icon or-image-icon--menu-close') ?>"><?php echo O::escapeHtml('') ?></i> + </div> + <div class="<?php echo O::escapeHtml('or-toolbar-icon or-act-navigation-close or--visible-on-mobile') ?>"><?php echo O::escapeHtml('') ?> + <i class="<?php echo O::escapeHtml('or-image-icon or-image-icon--menu-close') ?>"><?php echo O::escapeHtml('') ?></i> + </div> + <div class="<?php echo O::escapeHtml('or-toolbar-icon or-menu-category or-search') ?>"><?php echo O::escapeHtml('') ?> + <i class="<?php echo O::escapeHtml('or-image-icon or-image-icon--method-search') ?>"><?php echo O::escapeHtml('') ?></i> + <input name="<?php echo O::escapeHtml('text') ?>" placeholder="<?php echo O::escapeHtml(''.@O::lang('search').'') ?>" type="<?php echo O::escapeHtml('text') ?>" maxlength="<?php echo O::escapeHtml('256') ?>" value="<?php echo O::escapeHtml(''.@$text.'') ?>" class="<?php echo O::escapeHtml('or-input') ?>" /><?php echo O::escapeHtml('') ?> + <i class="<?php echo O::escapeHtml('or-image-icon or-image-icon--dropdown or-menu-dropdown-icon') ?>"><?php echo O::escapeHtml('') ?></i> + <div class="<?php echo O::escapeHtml('or-dropdown or-dropdown--on-right or-act-global-search-results') ?>"><?php echo O::escapeHtml('') ?> + <span class="<?php echo O::escapeHtml('or-dropdown-entry') ?>"><?php echo O::escapeHtml('') ?></span> + </div> </div> </div> </div> </div> + <nav class="<?php echo O::escapeHtml('or-workbench-navigation-container or-navigation or-workbench-content') ?>"><?php echo O::escapeHtml('') ?> + <div class="<?php echo O::escapeHtml('or-view or-act-view-static or-navigation-content') ?>" data-action="<?php echo O::escapeHtml('tree') ?>" data-method="<?php echo O::escapeHtml('show') ?>"><?php echo O::escapeHtml('') ?></div> + <div class="<?php echo O::escapeHtml('or-navigation-filler') ?>"><?php echo O::escapeHtml('') ?></div> + </nav> </div> - <nav class="<?php echo O::escapeHtml('or-workbench-navigation-container or-workbench-content') ?>"><?php echo O::escapeHtml('') ?> - <div class="<?php echo O::escapeHtml('or-view or-act-view-static') ?>" data-action="<?php echo O::escapeHtml('tree') ?>" data-method="<?php echo O::escapeHtml('show') ?>"><?php echo O::escapeHtml('') ?></div> - </nav> + <div class="<?php echo O::escapeHtml('or-workbench-navigation-filler or-act-navigation-close') ?>"><?php echo O::escapeHtml('') ?></div> </div> <div class="<?php echo O::escapeHtml('or-workbench-main or-workbench-screen') ?>"><?php echo O::escapeHtml('') ?> <header id="<?php echo O::escapeHtml('title') ?>" class="<?php echo O::escapeHtml('or-workbench-title or-view or-act-view-static') ?>" data-action="<?php echo O::escapeHtml('title') ?>" data-method="<?php echo O::escapeHtml('show') ?>"><?php echo O::escapeHtml('') ?></header> @@ -47,8 +54,11 @@ </section> </main> <div id="<?php echo O::escapeHtml('dialog') ?>" class="<?php echo O::escapeHtml('or-dialog or-dialog--is-closed') ?>" data-action="<?php echo O::escapeHtml(''.@$dialogAction.'') ?>" data-method="<?php echo O::escapeHtml(''.@$dialogMethod.'') ?>"><?php echo O::escapeHtml('') ?> - <div class="<?php echo O::escapeHtml('or-dialog-content') ?>"><?php echo O::escapeHtml('') ?> - <header class="<?php echo O::escapeHtml('or-workbench-title') ?>"><?php echo O::escapeHtml('') ?> + <div class="<?php echo O::escapeHtml('or-dialog-filler') ?>"><?php echo O::escapeHtml('') ?> + <span class="<?php echo O::escapeHtml('or-dialog-filler-icon or-btn or-image-icon or-image-icon--menu-close') ?>"><?php echo O::escapeHtml('') ?></span> + </div> + <div class="<?php echo O::escapeHtml('or-dialog-content or-workbench-screen') ?>"><?php echo O::escapeHtml('') ?> + <header class="<?php echo O::escapeHtml('or-workbench-title or-dialog-title') ?>"><?php echo O::escapeHtml('') ?> <div class="<?php echo O::escapeHtml('or-menu') ?>"><?php echo O::escapeHtml('') ?> <div class="<?php echo O::escapeHtml('or-menu-group') ?>"><?php echo O::escapeHtml('') ?> <div class="<?php echo O::escapeHtml('or-toolbar-icon or-workbench--visible-on-wide or-act-nav-small or-act-dialog-close') ?>"><?php echo O::escapeHtml('') ?> @@ -65,10 +75,9 @@ </div> </div> </header> - <div class="<?php echo O::escapeHtml('or-view') ?>"><?php echo O::escapeHtml('') ?></div> - </div> - <div class="<?php echo O::escapeHtml('or-dialog-filler') ?>"><?php echo O::escapeHtml('') ?> - <span class="<?php echo O::escapeHtml('or-dialog-filler-icon or-btn or-image-icon or-image-icon--menu-close') ?>"><?php echo O::escapeHtml('') ?></span> + <div class="<?php echo O::escapeHtml('or-workbench-content') ?>"><?php echo O::escapeHtml('') ?> + <div class="<?php echo O::escapeHtml('or-view') ?>"><?php echo O::escapeHtml('') ?></div> + </div> </div> </div> </div> diff --git a/modules/cms/ui/themes/default/html/views/index/show.tpl.src.xml b/modules/cms/ui/themes/default/html/views/index/show.tpl.src.xml @@ -27,39 +27,50 @@ <!-- Navigation --> - <div class="or-workbench-navigation or-workbench-screen"> + <div class="or-workbench-navigation"> - <or:part class="workbench-title,workbench-search"> - <or:part class="menu"> - <or:part class="menu-group"> + <div class="or-workbench-screen or-workbench-navigation-content"> - <or:part class="toolbar-icon,act-nav-small,-visible-on-desktop"> - <or:image class="" menu="close"/> - </or:part> + <or:part class="workbench-title,workbench-search"> + <or:part class="menu"> + <or:part class="menu-group"> - <!-- - <or:part class="toolbar-icon,workbench - -visible-on-small,act-nav-wide,-visible-on-desktop"> - <image class="" menu="menu"/> - </or:part>--> - - <or:part class="toolbar-icon,menu-category,search"> - <or:image method="search"/> - <or:input name="text" hint="${message:search}"/> - <or:image class="menu-dropdown-icon" symbol="dropdown"/> - <or:part class="dropdown,dropdown--on-right,act-global-search-results"> - <or:text class="dropdown-entry" value=""/> + <or:part class="toolbar-icon,act-nav-small,-visible-on-desktop"> + <or:image class="" menu="close"/> + </or:part> + + <or:part class="toolbar-icon,act-navigation-close,-visible-on-mobile"> + <or:image class="" menu="close"/> + </or:part> + + <!-- + <or:part class="toolbar-icon,workbench - -visible-on-small,act-nav-wide,-visible-on-desktop"> + <image class="" menu="menu"/> + </or:part>--> + + <or:part class="toolbar-icon,menu-category,search"> + <or:image method="search"/> + <or:input name="text" hint="${message:search}"/> + <or:image class="menu-dropdown-icon" symbol="dropdown"/> + <or:part class="dropdown,dropdown--on-right,act-global-search-results"> + <or:text class="dropdown-entry" value=""/> + </or:part> </or:part> - </or:part> + </or:part> </or:part> </or:part> - </or:part> - <nav class="or-workbench-navigation-container or-workbench-content"> - <div class="or-view or-act-view-static" data-action="tree" data-method="show" /> - </nav> + <nav class="or-workbench-navigation-container or-navigation or-workbench-content"> + <div class="or-view or-act-view-static or-navigation-content" data-action="tree" data-method="show" /> + <div class="or-navigation-filler"></div> + </nav> + </div> + + <div class="or-workbench-navigation-filler or-act-navigation-close" /> + </div> <!-- Main area --> @@ -105,8 +116,12 @@ <div id="dialog" class="or-dialog or-dialog--is-closed" data-action="${dialogAction}" data-method="${dialogMethod}"> <!-- Header menu --> - <div class="or-dialog-content"> - <header class="or-workbench-title"> + <div class="or-dialog-filler"><!-- empty element, this is only for styling the background --> + <span class="or-dialog-filler-icon or-btn or-image-icon or-image-icon--menu-close"></span> + </div> + + <div class="or-dialog-content or-workbench-screen"> + <header class="or-workbench-title or-dialog-title"> <or:part class="menu"> <or:part class="menu-group"> @@ -128,13 +143,12 @@ </or:part> </header> - <div class="or-view"> + <div class="or-workbench-content"> + <div class="or-view"> + </div> </div> </div> - <div class="or-dialog-filler"><!-- empty element, this is only for styling the background --> - <span class="or-dialog-filler-icon or-btn or-image-icon or-image-icon--menu-close"></span> - </div> </div> @@ -144,7 +158,7 @@ - + <!-- Notices --> <div id="noticebar" class="or-notices"> <or:list list="${notices}" value="notice"> diff --git a/modules/cms/ui/themes/default/script/openrat.js b/modules/cms/ui/themes/default/script/openrat.js @@ -2790,12 +2790,39 @@ $( function() { let closeMobileNavigation = function() { // Mobile navigation must close on a click on the workbench - $('.or-workbench-workplace').click( function() { + $('.or-act-navigation-close').click( function() { $('.or-workbench-navigation').removeClass('workbench-navigation--is-open'); + $('.or-workbench').removeClass('workbench--navigation-is-open'); }); }; closeMobileNavigation(); + let closeDesktopNavigation = function() { + + // Handler for desktop navigation + $('.or-workbench-title .or-act-nav-small').click(function () { + $('.or-workbench').addClass('workbench--navigation-is-small'); + $('.or-workbench-navigation').addClass('workbench-navigation--is-small'); + }); + }; + closeDesktopNavigation(); + + + let registerGlobalSearch = function() { + $('.or-search .or-input').orSearch( { + dropdown : '.or-dropdown.or-act-global-search-results', + openDropdown: true, // the dropdown is automatically opened by the menu. + select : function(obj) { + // open the search result + Openrat.Workbench.openNewAction( obj.name, obj.action, obj.id ); + }, + afterSelect: function() { + $('.or-dropdown.or-act-selector-search-results').empty(); + } + } ); + }; + registerGlobalSearch(); + Openrat.Workbench.afterNewActionHandler.add( function() { @@ -3051,18 +3078,6 @@ Openrat.Workbench.afterViewLoadedHandler.add( function(viewEl ) { } - function registerGlobalSearch($element ) - { - $($element).find('.or-search .or-input').orSearch( { - dropdown : '.or-dropdown.or-act-global-search-results', - openDropdown: false, // the dropdown is automatically opened by the menu. - select : function(obj) { - // open the search result - Openrat.Workbench.openNewAction( obj.name, obj.action, obj.id ); - } - } ); - - } function registerSelectorSearch( $element ) { @@ -3090,7 +3105,7 @@ Openrat.Workbench.afterViewLoadedHandler.add( function(viewEl ) { registerMenuEvents ( viewEl ); - registerGlobalSearch ( viewEl ); + //registerGlobalSearch ( viewEl ); registerSelectorSearch( viewEl ); registerTree ( viewEl ); diff --git a/modules/cms/ui/themes/default/script/openrat.min.js b/modules/cms/ui/themes/default/script/openrat.min.js @@ -1185,7 +1185,7 @@ else{}})};let timeoutMinutes=5;window.setInterval(ping,timeoutMinutes*60*1000)}; else if(Notification.permission==='granted'){let notification=new Notification(e)} else if(Notification.permission!=='denied'){Notification.requestPermission(function(t){if(t==='granted'){let notification=new Notification(e)}})}};this.notify=function(t,i,o,n,a,log=null,notifyTheBrowser=!1){if(notifyTheBrowser)notifyBrowser(a);let notice=$('<div class="or-notice or-notice--'+n+'"></div>');let toolbar=$('<div class="or-notice-toolbar"></div>');if(log)$(toolbar).append('<i class="or-act-notice-full or-image-icon or-image-icon--menu-fullscreen"></i>');$(toolbar).append('<i class="or-image-icon or-image-icon--menu-close or-act-notice-close"></i>');$(notice).append(toolbar);if(o)$(notice).append('<div class="or-notice-name"><a class="or-act-clickable" href="'+Openrat.Navigator.createShortUrl(t,i)+'" data-type="open" data-action="'+t+'" data-id="'+i+'"><i class="or-notice-action-full or-image-icon or-image-icon--action-'+t+'"></i> '+o+'</a></div>');$(notice).append('<div class="or-notice-text">'+e(a)+'</div>');if(log)$(notice).append('<div class="or-notice-log"><pre>'+e(log)+'</pre></div>');$('#noticebar').prepend(notice);$(notice).orLinkify();$(notice).find('.or-act-notice-full').click(function(){$(notice).toggleClass('notice--is-full')});$(notice).find('.or-act-notice-close').click(function(){$(notice).fadeOut('fast',function(){$(notice).remove()})});let timeout=1;if(n=='ok')timeout=20;if(n=='info')timeout=60;if(n=='warning')timeout=120;if(n=='error')timeout=120;if(timeout>0)setTimeout(function(){$(notice).fadeOut('slow',function(){$(this).remove()})},timeout*1000)};this.dataChangedHandler=$.Callbacks();this.dataChangedHandler.add(function(){if(Openrat.Workbench.popupWindow)Openrat.Workbench.popupWindow.location.reload()});this.afterViewLoadedHandler=$.Callbacks();this.setApplicationTitle=function(e){if(e)$('head > title').text(e+' - '+$('head > title').data('default'));else $('head > title').text($('head > title').data('default'))};var e=function(e){return String(e).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"')};this.registerOpenClose=function(e){$(e).children('.or-collapsible-act-switch').click(function(){$(this).closest('.or-collapsible').toggleClass('collapsible--is-open').toggleClass('collapsible--is-closed')})};this.openNewAction=function(e,t,i){$('.or-workbench-navigation').removeClass('workbench-navigation--is-open');Openrat.Workbench.setApplicationTitle(e);Openrat.Navigator.navigateToNew({'action':t,'id':i})};this.startDialog=function(e,t,i,o,n){if(!t)t=Openrat.Workbench.state.action;if(!o)o=Openrat.Workbench.state.id;let view=new Openrat.View(t,i,o,n);view.before=function(){$('.or-dialog-content .or-view').html('<div class="header"><img class="or-icon" title="" src="./themes/default/images/icon/'+i+'.png" />'+e+'</div>');$('.or-dialog-content .or-view').data('id',o);$('.or-dialog').removeClass('dialog--is-closed').addClass('dialog--is-open');$('.or-dialog-content .or-act-dialog-name').html(e);let view=this;this.escapeKeyClosingHandler=function(e){if(e.keyCode==27){view.close();$(document).off('keyup')}};$(document).keyup(this.escapeKeyClosingHandler);$('.or-dialog-filler,.or-act-dialog-close').click(function(e){e.preventDefault();view.close()})};view.close=function(){if($('.or-dialog').hasClass('or-dialog--modal'))return;$('.or-dialog-content .or-view.or-view--is-dirty').removeClass('view--is-dirty');$('.or-dialog-content .or-view').html('');$('.or-dialog').removeClass('dialog--is-open').addClass('dialog--is-closed');$(document).unbind('keyup',this.escapeKeyClosingHandler)};return view.start($('.or-dialog-content .or-view'))};this.registerDraggable=function(e){$(e).find('.or-draggable').draggable({helper:'clone',opacity:0.7,zIndex:2,distance:10,cursor:'move',revert:'false'})};this.registerDroppable=function(e){$(e).find('.or-droppable').droppable({accept:'.or-draggable',hoverClass:'or-droppable--hover',activeClass:'or-droppable--active',drop:function(e,t){let dropped=t.draggable;let id=dropped.data('id');let name=dropped.data('name');if(!name)name=id;$(this).find('.or-selector-link-value').val(id);$(this).find('.or-selector-link-name').val(name).attr('placeholder',name)}})}}; ;Openrat.Navigator=new function(){'use strict';this.navigateTo=function(t){Openrat.Workbench.loadNewActionState(t)};this.navigateToNew=function(t){this.navigateTo(t);window.history.pushState(t,t.name,this.createShortUrl(t.action,t.id))};this.toActualHistory=function(t){window.history.replaceState(t,t.name,this.createShortUrl(t.action,t.id))};this.createShortUrl=function(t,i){return'./#/'+t+(i?'/'+i:'')}}; -;$(function(){$('html').removeClass('nojs');$('.or--initial-hidden').removeClass('-initial-hidden');function n(){function e(e){$(e).closest('div.panel').fadeOut('fast',function(){$(this).toggleClass('fullscreen').fadeIn('fast')})};$('div.header').dblclick(function(){e(this)})};n();window.onpopstate=function(e){Openrat.Navigator.navigateTo(e.state)};Openrat.Workbench.initialize();Openrat.Workbench.reloadAll();let registerWorkbenchGlobalEvents=function(){$('.keystroke').each(function(){let keystrokeElement=$(this);let keystroke=keystrokeElement.text();if(keystroke.length==0)return;let keyaction=function(){keystrokeElement.click()};$(document).bind('keydown',keystroke,keyaction)})};$('.or-act-initial-notice').each(function(){Openrat.Workbench.notify('',0,'','info',$(this).text());$(this).remove()});registerWorkbenchGlobalEvents();let closeMenu=function(){$('body').click(function(){$('.or-menu').removeClass('menu--is-open')})};closeMenu();let closeMobileNavigation=function(){$('.or-workbench-workplace').click(function(){$('.or-workbench-navigation').removeClass('workbench-navigation--is-open')})};closeMobileNavigation();Openrat.Workbench.afterNewActionHandler.add(function(){$('.or-sidebar').find('.or-sidebar-button').orLinkify()});Openrat.Workbench.afterNewActionHandler.add(function(){let url=Openrat.View.createUrl('tree','path',Openrat.Workbench.state.id,{'type':Openrat.Workbench.state.action});let loadPromise=$.get(url);loadPromise.done(function(e){$('.or-breadcrumb').empty().append(e).find('.or-act-clickable').orLinkify();$('nav .or-navtree-node').removeClass('or-navtree-node--selected');$('.or-breadcrumb a').each(function(){let action=$(this).data('action');let id=$(this).data('id');let $navControl=$('nav .or-navtree-node[data-type='+action+'][data-id='+id+'].or-navtree-node--is-closed .or-navtree-node-control');$navControl.click()})}).fail(function(n,t,o){console.warn({message:'Failed to load path',url:url,error:e,status:t,o})}).always(function(){})});Openrat.Workbench.afterNewActionHandler.fire()});let filterMenus=function(){let action=Openrat.Workbench.state.action;let id=Openrat.Workbench.state.id;$('.or-workbench-title .or-dropdown-entry.or-act-clickable').addClass('dropdown-entry--active');$('.or-workbench-title .or-dropdown-entry.or-act-clickable.or-filtered').removeClass('dropdown-entry--active').addClass('dropdown-entry--inactive');$('.or-workbench-title .or-dropdown-entry.or-act-clickable.or-filtered .or-link').attr('data-id',id);let url=Openrat.View.createUrl('profile','available',id,{'queryaction':action},!0);let promise=$.getJSON(url);promise.done(function(e){jQuery.each(e.output.views,function(e,n){$('.or-workbench-title .or-dropdown-entry.or-act-clickable.or-filtered > .or-link[data-method=\''+n+'\']').parent().addClass('dropdown-entry--active').removeClass('dropdown-entry--inactive')})})};Openrat.Workbench.afterAllViewsLoaded.add(function(){filterMenus()});Openrat.Workbench.afterViewLoadedHandler.add(function(e){if(Openrat.Workbench.popupWindow)$(e).find('a[data-type=\'popup\']').each(function(){Openrat.Workbench.popupWindow.location.href=$(this).attr('data-url')})});Openrat.Workbench.afterViewLoadedHandler.add(function(e){$(e).find('.or-input--password').dblclick(function(){$(this).toggleAttr('type','text','password')});$(e).find('.or-act-make-visible').click(function(){$(this).toggleClass('btn--is-active');$(this).parent().children('input').toggleAttr('type','text','password')})});Openrat.Workbench.afterViewLoadedHandler.add(function(e){e.find('.or-act-load-nav-tree').each(function(){let type=$(this).data('type')||'root';let loadBranchUrl='./?action=tree&subaction=branch&id=0&type='+type;let $targetElement=$(this);$.get(loadBranchUrl).done(function(e){let $ul=$('<ul class="or-navtree-list" />');$ul.appendTo($targetElement.empty()).append(e);$ul.find('li').orTree({'openAction':function(e,n,t){Openrat.Workbench.openNewAction(e,n,t)}});$ul.find('.or-act-clickable').orLinkify();$ul.find('.or-navtree-node-control').first().click()})})});Openrat.Workbench.afterViewLoadedHandler.add(function(e){var n=$(e).closest('section');n.toggleClass('is-empty',$(e).is(':empty'));if(!$(e).is(':empty'))n.slideDown('fast');else n.slideUp('fast');$(e).find('.or-act-nav-open-close').click(function(){$('.or-workbench').toggleClass('workbench--navigation-is-open');$('.or-workbench-navigation').toggleClass('workbench-navigation--is-open')});$(e).find('.or-act-nav-small').click(function(){$('.or-workbench').addClass('workbench--navigation-is-small');$('.or-workbench-navigation').addClass('workbench-navigation--is-small')});$(e).find('.or-act-nav-wide').click(function(){$('.or-workbench').removeClass('workbench--navigation-is-small');$('.or-workbench-navigation').removeClass('workbench-navigation--is-small')});$(e).find('.or-act-load-selector-tree').each(function(){var n=this;let id=$(this).data('init-folder-id');let type=id?'folder':'projects';let loadBranchUrl='./?action=tree&subaction=branch&id='+id+'&type='+type;let $targetElement=$(this);$.get(loadBranchUrl).done(function(n){let $ul=$('<ul class="or-navtree-list" />');$ul.appendTo($targetElement.empty()).append(n);$ul.find('li').orTree({'openAction':function(n,t,o){e.find('.or-selector-link-value').val(o);e.find('.or-selector-link-name').val(n).attr('placeholder',n)}});$ul.find('.or-act-clickable').orLinkify();$ul.find('.or-navtree-node-control').first().click()})});t(e);$(e).find('.or-input').change(function(){$(this).closest('.or-view').addClass('view--is-dirty')});$(e).find('.or-theme-chooser').change(function(){Openrat.Workbench.setUserStyle(this.value)});function o(e){$(e).find('.or-menu-category').click(function(e){e.stopPropagation();$(this).parents('.or-menu').toggleClass('menu--is-open')});$(e).find('.or-menu-category').mouseover(function(){$(this).parents('.or-menu').find('.or-menu-category').removeClass('menu-category--is-open');$(this).addClass('menu-category--is-open')})};function r(e){$(e).find('.or-search .or-input').orSearch({dropdown:'.or-dropdown.or-act-global-search-results',openDropdown:!1,select:function(e){Openrat.Workbench.openNewAction(e.name,e.action,e.id)}})};function a(e){$(e).find('.or-selector .or-selector-link-name').orSearch({dropdown:'.or-dropdown.or-act-selector-search-results',select:function(n){$(e).find('.or-selector-link-value').val(n.id);$(e).find('.or-selector-link-name').val(n.name).attr('placeholder',n.name)},afterSelect:function(){$('.or-dropdown.or-act-selector-search-results').empty()}})};function i(e){};o(e);r(e);a(e);i(e);function t(e){Openrat.Workbench.registerDraggable(e);Openrat.Workbench.registerDroppable(e)};t(e)}); +;$(function(){$('html').removeClass('nojs');$('.or--initial-hidden').removeClass('-initial-hidden');function n(){function e(e){$(e).closest('div.panel').fadeOut('fast',function(){$(this).toggleClass('fullscreen').fadeIn('fast')})};$('div.header').dblclick(function(){e(this)})};n();window.onpopstate=function(e){Openrat.Navigator.navigateTo(e.state)};Openrat.Workbench.initialize();Openrat.Workbench.reloadAll();let registerWorkbenchGlobalEvents=function(){$('.keystroke').each(function(){let keystrokeElement=$(this);let keystroke=keystrokeElement.text();if(keystroke.length==0)return;let keyaction=function(){keystrokeElement.click()};$(document).bind('keydown',keystroke,keyaction)})};$('.or-act-initial-notice').each(function(){Openrat.Workbench.notify('',0,'','info',$(this).text());$(this).remove()});registerWorkbenchGlobalEvents();let closeMenu=function(){$('body').click(function(){$('.or-menu').removeClass('menu--is-open')})};closeMenu();let closeMobileNavigation=function(){$('.or-act-navigation-close').click(function(){$('.or-workbench-navigation').removeClass('workbench-navigation--is-open');$('.or-workbench').removeClass('workbench--navigation-is-open')})};closeMobileNavigation();let closeDesktopNavigation=function(){$('.or-workbench-title .or-act-nav-small').click(function(){$('.or-workbench').addClass('workbench--navigation-is-small');$('.or-workbench-navigation').addClass('workbench-navigation--is-small')})};closeDesktopNavigation();let registerGlobalSearch=function(){$('.or-search .or-input').orSearch({dropdown:'.or-dropdown.or-act-global-search-results',openDropdown:!0,select:function(e){Openrat.Workbench.openNewAction(e.name,e.action,e.id)},afterSelect:function(){$('.or-dropdown.or-act-selector-search-results').empty()}})};registerGlobalSearch();Openrat.Workbench.afterNewActionHandler.add(function(){$('.or-sidebar').find('.or-sidebar-button').orLinkify()});Openrat.Workbench.afterNewActionHandler.add(function(){let url=Openrat.View.createUrl('tree','path',Openrat.Workbench.state.id,{'type':Openrat.Workbench.state.action});let loadPromise=$.get(url);loadPromise.done(function(e){$('.or-breadcrumb').empty().append(e).find('.or-act-clickable').orLinkify();$('nav .or-navtree-node').removeClass('or-navtree-node--selected');$('.or-breadcrumb a').each(function(){let action=$(this).data('action');let id=$(this).data('id');let $navControl=$('nav .or-navtree-node[data-type='+action+'][data-id='+id+'].or-navtree-node--is-closed .or-navtree-node-control');$navControl.click()})}).fail(function(n,t,o){console.warn({message:'Failed to load path',url:url,error:e,status:t,o})}).always(function(){})});Openrat.Workbench.afterNewActionHandler.fire()});let filterMenus=function(){let action=Openrat.Workbench.state.action;let id=Openrat.Workbench.state.id;$('.or-workbench-title .or-dropdown-entry.or-act-clickable').addClass('dropdown-entry--active');$('.or-workbench-title .or-dropdown-entry.or-act-clickable.or-filtered').removeClass('dropdown-entry--active').addClass('dropdown-entry--inactive');$('.or-workbench-title .or-dropdown-entry.or-act-clickable.or-filtered .or-link').attr('data-id',id);let url=Openrat.View.createUrl('profile','available',id,{'queryaction':action},!0);let promise=$.getJSON(url);promise.done(function(e){jQuery.each(e.output.views,function(e,n){$('.or-workbench-title .or-dropdown-entry.or-act-clickable.or-filtered > .or-link[data-method=\''+n+'\']').parent().addClass('dropdown-entry--active').removeClass('dropdown-entry--inactive')})})};Openrat.Workbench.afterAllViewsLoaded.add(function(){filterMenus()});Openrat.Workbench.afterViewLoadedHandler.add(function(e){if(Openrat.Workbench.popupWindow)$(e).find('a[data-type=\'popup\']').each(function(){Openrat.Workbench.popupWindow.location.href=$(this).attr('data-url')})});Openrat.Workbench.afterViewLoadedHandler.add(function(e){$(e).find('.or-input--password').dblclick(function(){$(this).toggleAttr('type','text','password')});$(e).find('.or-act-make-visible').click(function(){$(this).toggleClass('btn--is-active');$(this).parent().children('input').toggleAttr('type','text','password')})});Openrat.Workbench.afterViewLoadedHandler.add(function(e){e.find('.or-act-load-nav-tree').each(function(){let type=$(this).data('type')||'root';let loadBranchUrl='./?action=tree&subaction=branch&id=0&type='+type;let $targetElement=$(this);$.get(loadBranchUrl).done(function(e){let $ul=$('<ul class="or-navtree-list" />');$ul.appendTo($targetElement.empty()).append(e);$ul.find('li').orTree({'openAction':function(e,n,t){Openrat.Workbench.openNewAction(e,n,t)}});$ul.find('.or-act-clickable').orLinkify();$ul.find('.or-navtree-node-control').first().click()})})});Openrat.Workbench.afterViewLoadedHandler.add(function(e){var n=$(e).closest('section');n.toggleClass('is-empty',$(e).is(':empty'));if(!$(e).is(':empty'))n.slideDown('fast');else n.slideUp('fast');$(e).find('.or-act-nav-open-close').click(function(){$('.or-workbench').toggleClass('workbench--navigation-is-open');$('.or-workbench-navigation').toggleClass('workbench-navigation--is-open')});$(e).find('.or-act-nav-small').click(function(){$('.or-workbench').addClass('workbench--navigation-is-small');$('.or-workbench-navigation').addClass('workbench-navigation--is-small')});$(e).find('.or-act-nav-wide').click(function(){$('.or-workbench').removeClass('workbench--navigation-is-small');$('.or-workbench-navigation').removeClass('workbench-navigation--is-small')});$(e).find('.or-act-load-selector-tree').each(function(){var n=this;let id=$(this).data('init-folder-id');let type=id?'folder':'projects';let loadBranchUrl='./?action=tree&subaction=branch&id='+id+'&type='+type;let $targetElement=$(this);$.get(loadBranchUrl).done(function(n){let $ul=$('<ul class="or-navtree-list" />');$ul.appendTo($targetElement.empty()).append(n);$ul.find('li').orTree({'openAction':function(n,t,o){e.find('.or-selector-link-value').val(o);e.find('.or-selector-link-name').val(n).attr('placeholder',n)}});$ul.find('.or-act-clickable').orLinkify();$ul.find('.or-navtree-node-control').first().click()})});t(e);$(e).find('.or-input').change(function(){$(this).closest('.or-view').addClass('view--is-dirty')});$(e).find('.or-theme-chooser').change(function(){Openrat.Workbench.setUserStyle(this.value)});function o(e){$(e).find('.or-menu-category').click(function(e){e.stopPropagation();$(this).parents('.or-menu').toggleClass('menu--is-open')});$(e).find('.or-menu-category').mouseover(function(){$(this).parents('.or-menu').find('.or-menu-category').removeClass('menu-category--is-open');$(this).addClass('menu-category--is-open')})};function r(e){$(e).find('.or-selector .or-selector-link-name').orSearch({dropdown:'.or-dropdown.or-act-selector-search-results',select:function(n){$(e).find('.or-selector-link-value').val(n.id);$(e).find('.or-selector-link-name').val(n.name).attr('placeholder',n.name)},afterSelect:function(){$('.or-dropdown.or-act-selector-search-results').empty()}})};function a(e){};o(e);r(e);a(e);function t(e){Openrat.Workbench.registerDraggable(e);Openrat.Workbench.registerDroppable(e)};t(e)}); ;Openrat.Workbench.afterViewLoadedHandler.add(function(e){}); ;Openrat.Workbench.afterViewLoadedHandler.add(function(e){$(e).find('textarea').orAutoheight();$(e).find('textarea.or-editor.or-code-editor').each(function(){let mode=$(this).data('mode');let mimetype=$(this).data('mimetype');if(mimetype.length>0)mode=mimetype;let textareaEl=this;let editor=CodeMirror.fromTextArea(textareaEl,{lineNumbers:!0,viewportMargin:Infinity,mode:mode});editor.on('change',function(){let newValue=editor.getValue();$(textareaEl).val(newValue)});$(editor.getWrapperElement()).droppable({accept:'.or-draggable',hoverClass:'or-droppable--hover',activeClass:'or-droppable--active',drop:function(e,t){let dropped=t.draggable;let pos=editor.getCursor();editor.setSelection(pos,pos);let insertText=dropped.data('id');let toInsert=''+insertText;editor.replaceSelection(toInsert)}})});$(e).find('textarea.or-editor.or-markdown-editor').each(function(){let textarea=this;let toolbar=[{name:'bold',action:SimpleMDE.toggleBold,className:'image-icon image-icon--editor-bold',title:'Bold',},{name:'italic',action:SimpleMDE.toggleItalic,className:'image-icon image-icon--editor-italic',title:'Italic',},{name:'heading',action:SimpleMDE.toggleHeadingBigger,className:'image-icon image-icon--editor-headline',title:'Headline',},'|',{name:'quote',action:SimpleMDE.toggleBlockquote,className:'image-icon image-icon--editor-quote',title:'Quote',},{name:'code',action:SimpleMDE.toggleCodeBlock,className:'image-icon image-icon--editor-code',title:'Code',},'|',{name:'generic list',action:SimpleMDE.toggleUnorderedList,className:'image-icon image-icon--editor-unnumberedlist',title:'Unnumbered list',},{name:'numbered list',action:SimpleMDE.toggleOrderedList,className:'image-icon image-icon--editor-numberedlist',title:'Numbered list',},'|',{name:'table',action:SimpleMDE.drawTable,className:'image-icon image-icon--editor-table',title:'Table',},{name:'horizontalrule',action:SimpleMDE.drawHorizontalRule,className:'image-icon image-icon--editor-horizontalrule',title:'Horizontal rule',},'|',{name:'undo',action:SimpleMDE.undo,className:'image-icon image-icon--editor-undo',title:'Undo',},{name:'redo',action:SimpleMDE.redo,className:'image-icon image-icon--editor-redo',title:'Redo',},'|',{name:'link',action:SimpleMDE.drawLink,className:'image-icon image-icon--editor-link',title:'Link',},{name:'image',action:SimpleMDE.drawImage,className:'image-icon image-icon--editor-image',title:'Image',},'|',{name:'guide',action:'https://simplemde.com/markdown-guide',className:'image-icon image-icon--editor-help',title:'Howto markdown',},];let mde=new SimpleMDE({element:$(this)[0],toolbar:toolbar,autoDownloadFontAwesome:!1});let codemirror=mde.codemirror;$(codemirror.getWrapperElement()).droppable({accept:'.or-draggable',hoverClass:'or-droppable--hover',activeClass:'or-droppable--active',drop:function(e,t){let dropped=t.draggable;let insertText='';let id=dropped.data('id');let url='__OID__'+id+'__';if(dropped.data('type')=='image')insertText='';else insertText='['+id+']('+url+')';let pos=codemirror.getCursor();codemirror.setSelection(pos,pos);codemirror.replaceSelection(insertText)}});codemirror.on('change',function(){let newValue=codemirror.getValue();$(textarea).val(newValue)})});$(e).find('textarea.or-editor.or-html-editor').each(function(){let textarea=this;$.trumbowyg.svgPath='./modules/editor/trumbowyg/ui/icons.svg';$(textarea).trumbowyg();$(textarea).closest('form').find('.trumbowyg-editor').droppable({accept:'.or-draggable',hoverClass:'or-droppable--hover',activeClass:'or-droppable--active',drop:function(e,t){let dropped=t.draggable;let id=dropped.data('id');let url='./?_='+dropped.data('type')+'-'+id+'&subaction=show&embed=1&__OID__'+id+'__='+id;let insertText='';if(dropped.data('type')=='image')insertText='<img src="'+url+'" alt="" />';else insertText='<a href="'+url+'" />'+id+'</a>';$(textarea).trumbowyg('execCmd',{cmd:'insertHTML',param:insertText,forceCss:!1,})}})})}); ;Openrat.Workbench.afterViewLoadedHandler.add(function(e){Openrat.Workbench.registerOpenClose($(e).find('.or-collapsible.or-group'))}); diff --git a/modules/cms/ui/themes/default/script/openrat/common.js b/modules/cms/ui/themes/default/script/openrat/common.js @@ -107,12 +107,39 @@ $( function() { let closeMobileNavigation = function() { // Mobile navigation must close on a click on the workbench - $('.or-workbench-workplace').click( function() { + $('.or-act-navigation-close').click( function() { $('.or-workbench-navigation').removeClass('workbench-navigation--is-open'); + $('.or-workbench').removeClass('workbench--navigation-is-open'); }); }; closeMobileNavigation(); + let closeDesktopNavigation = function() { + + // Handler for desktop navigation + $('.or-workbench-title .or-act-nav-small').click(function () { + $('.or-workbench').addClass('workbench--navigation-is-small'); + $('.or-workbench-navigation').addClass('workbench-navigation--is-small'); + }); + }; + closeDesktopNavigation(); + + + let registerGlobalSearch = function() { + $('.or-search .or-input').orSearch( { + dropdown : '.or-dropdown.or-act-global-search-results', + openDropdown: true, // the dropdown is automatically opened by the menu. + select : function(obj) { + // open the search result + Openrat.Workbench.openNewAction( obj.name, obj.action, obj.id ); + }, + afterSelect: function() { + $('.or-dropdown.or-act-selector-search-results').empty(); + } + } ); + }; + registerGlobalSearch(); + Openrat.Workbench.afterNewActionHandler.add( function() { @@ -368,18 +395,6 @@ Openrat.Workbench.afterViewLoadedHandler.add( function(viewEl ) { } - function registerGlobalSearch($element ) - { - $($element).find('.or-search .or-input').orSearch( { - dropdown : '.or-dropdown.or-act-global-search-results', - openDropdown: false, // the dropdown is automatically opened by the menu. - select : function(obj) { - // open the search result - Openrat.Workbench.openNewAction( obj.name, obj.action, obj.id ); - } - } ); - - } function registerSelectorSearch( $element ) { @@ -407,7 +422,7 @@ Openrat.Workbench.afterViewLoadedHandler.add( function(viewEl ) { registerMenuEvents ( viewEl ); - registerGlobalSearch ( viewEl ); + //registerGlobalSearch ( viewEl ); registerSelectorSearch( viewEl ); registerTree ( viewEl ); diff --git a/modules/cms/ui/themes/default/style/openrat-breadcrumb.less b/modules/cms/ui/themes/default/style/openrat-breadcrumb.less @@ -62,7 +62,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } &-item { - font-size: 1.15em; + //font-size: 1.15em; /* .or-image-icon { margin-right: 0.2em; diff --git a/modules/cms/ui/themes/default/style/openrat-dialog.less b/modules/cms/ui/themes/default/style/openrat-dialog.less @@ -32,54 +32,59 @@ Basis-Style for Openrat. .or { &-dialog { + position: absolute; + z-index: 2; + top: 0; + left: 0; + width:100%; + display: none; + height: 100%; + flex-direction: row; &--is-open { - display: block; + display: flex; + } + + &-filler { + height: 100%; + width: 12em; + opacity: 0.6; + filter: blur(10em); + + @media @smartphones { + width: 0; + } + + &-icon { + opacity: 1; + font-size: 3em; + position: absolute; + right: 20px; + top: 20px; + } } &-content { + flex: 1; overflow: auto; - position: absolute; + //position: absolute; - top: 0; - left: 0; - width: 100%; + //top: 0; + //left: 0; + //width: 100%; height: 100%; - margin-left:10em; - - @media @smartphones { - margin-left: 0; - } + //margin-left:10em; z-index: 3; .or-view { + height: 100%; } - } - - - &-filler { - position: absolute; - z-index: 2; - top: 0; - left: 0; - height: 100%; - width: 100%; - opacity: 0.8; - filter: blur(10em); - - &-icon { - opacity: 1; - font-size: 3em; - position: absolute; - right: 20px; - top: 20px; - } - } + } } } diff --git a/modules/cms/ui/themes/default/style/openrat-form.less b/modules/cms/ui/themes/default/style/openrat-form.less @@ -23,7 +23,7 @@ &-content { flex-grow: 1; - overflow-y: auto; + //overflow-y: auto; } diff --git a/modules/cms/ui/themes/default/style/openrat-navigation.less b/modules/cms/ui/themes/default/style/openrat-navigation.less @@ -1,12 +1,71 @@ /* N a v i g a t i o n */ + + +@smartphones: ~"only screen and (max-width: 55rem)"; + + + .or { + &-navigation { + + &--is-open { + display: flex; + flex-direction: row; + } + + &-filler { + height: 100%; + width: 12em; + opacity: 0.8; + filter: blur(10em); + + @media @smartphones { + width: 0; + } + + &-icon { + opacity: 1; + font-size: 3em; + position: absolute; + right: 20px; + top: 20px; + } + } + + &-content { + + flex: 1; + //overflow: auto; + //position: absolute; + + //top: 0; + //left: 0; + //width: 100%; + height: 100%; + + //margin-left:10em; + + z-index: 3; + + .or-view { + height: 100%; + } + + } + + } + &-navtree { &-node { margin: 0; padding: 0.1em 0; + @media @smartphones { + padding: 0.2em 0; + } + line-height: 18px; font-weight: normal; white-space: nowrap; diff --git a/modules/cms/ui/themes/default/style/openrat-workbench.less b/modules/cms/ui/themes/default/style/openrat-workbench.less @@ -44,7 +44,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. flex-direction: row; &-screen { - /* Horizontale Flexbox */ + /* vertical flexbox */ display: flex; flex-direction: column; position: relative; @@ -80,7 +80,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. min-height: 3.0rem; overflow: hidden; padding: 0.5em; - opacity: 0.9; + //opacity: 0.9; .toolbar-icon { @@ -108,8 +108,8 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } transition: opacity 0.5s ease; - display: flex; - flex-direction: column; + //display: flex; + //flex-direction: column; /* &.is-closed { @@ -182,10 +182,25 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. &-navigation { + display: flex; + flex-direction: row; + width: 30em; + + &-content { + //width: 100%; + flex: 1; + @media @smartphones { + flex: none; + } + } + &-filler { + flex: 0; + opacity: 0.6; + } &-container { - width: 30em; + width: 100%; //position: fixed; //z-index: 1; @@ -197,7 +212,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } - width: 30em; .or-navtree { transition: opacity 0.1s ease-in-out; @@ -251,15 +265,17 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. &--is-open { - .or-workbench-navigation-container { - width: 100%; - height:100%; - overflow-y: auto; + .or-workbench-navigation-content { + width:90%; } + .or-workbench-navigation-filler { + flex: 1; + } + position: fixed; - width: 90%; + width: 100%; z-index: 1; - opacity: 0.98; + opacity: 1; height:100%; } } @@ -342,7 +358,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. @media @smartphones { html { - font-size: 1em; + font-size: 1.1em; } } diff --git a/modules/cms/ui/themes/default/style/openrat.css b/modules/cms/ui/themes/default/style/openrat.css @@ -657,36 +657,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-content { - overflow: auto; position: absolute; + z-index: 2; top: 0; left: 0; width: 100%; + display: none; height: 100%; - margin-left: 10em; - z-index: 3; + flex-direction: row; } -@media only screen and (max-width: 55rem) { - .or-dialog-content { - margin-left: 0; - } +.or-dialog--is-open { + display: flex; } .or-dialog-filler { - position: absolute; - z-index: 2; - top: 0; - left: 0; height: 100%; - width: 100%; - opacity: 0.8; + 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; @@ -694,7 +687,16 @@ Basis-Style for Openrat. right: 20px; top: 20px; } -/*# 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%3BAAEA%2CGAJD%2COAIE%3BCACG%3B%3BAAGJ%2CGARD%2COAQE%3BCAEG%3BCACA%3BCAEA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCAMA%3B%3BAAAA%3BCAAA%2CGAxBL%2COAQE%3BEAaK%3B%3B%3BAAWJ%2CGAhCH%2COAgCI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%2CQAAQ%2CUAAR%3B%3BAAEA%2CGA1CP%2COAgCI%2COAUI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%22%7D */ +.or-dialog-content { + flex: 1; + overflow: auto; + height: 100%; + z-index: 3; +} +.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%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: /mnt/data/dankert/Entwicklung/Projekte/openrat-cms/modules/cms/ui/themes/default/style/openrat-ui */ /* Usage to this variable is safe to be removed */ html, @@ -1055,7 +1057,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. text-overflow: ellipsis; } .or-breadcrumb-item { - font-size: 1.15em; /* .or-image-icon { margin-right: 0.2em; @media @smartphones { @@ -1063,7 +1064,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } }*/ } -/*# 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-breadcrumb.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%3BAAyBI%2CGAAC%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANF%2CGAAC%2CWAQC%3BCACI%3BCACA%3B%3BAAOJ%3BCAAA%2CGAjBD%2CWAaE%3BEAEG%3B%3B%3BAAIJ%2CGAnBD%2CWAmBE%3BCACC%3BCACA%3B%3BAAKF%3BCAAA%2CGA1BD%2CWAmBE%3BEAKG%3B%3B%3BAAIJ%2CGA5BD%2CWA4BE%3BCACC%3BCACA%3BCAEA%3BCACA%3B%3BAAKF%2CGAtCD%2CWAsCE%3BCACK%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-breadcrumb.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%3BAAyBI%2CGAAC%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANF%2CGAAC%2CWAQC%3BCACI%3BCACA%3B%3BAAOJ%3BCAAA%2CGAjBD%2CWAaE%3BEAEG%3B%3B%3BAAIJ%2CGAnBD%2CWAmBE%3BCACC%3BCACA%3B%3BAAKF%3BCAAA%2CGA1BD%2CWAmBE%3BEAKG%3B%3B%3BAAIJ%2CGA5BD%2CWA4BE%3BCACC%3BCACA%3BCAEA%3BCACA%3B%3BAAKF%2CGAtCD%2CWAsCE%22%7D */ /* Include style: /mnt/data/dankert/Entwicklung/Projekte/openrat-cms/modules/cms/ui/themes/default/style/openrat-diff */ .or-diff-line { text-align: right; @@ -1141,7 +1142,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } .or-form-content { flex-grow: 1; - overflow-y: auto; } .or-form-row { display: flex; @@ -1226,7 +1226,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. min-width: 0; } } -/*# 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-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%3BAAIJ%2CGAhBH%2CKAgBI%3BCACG%3BCACA%3B%3BAAFJ%2CGAhBH%2CKAgBI%2CIAIG%3BCACI%3B%3BAALR%2CGAhBH%2CKAgBI%2CIAQG%3BCACI%3B%3BAAYR%3BCAAA%2CGArCH%2CKAgBI%3BEAcO%3B%3BCAOR%2CGArCH%2CKAgBI%2CIAgBO%3BCAKR%2CGArCH%2CKAgBI%2CIAiBO%3BEACI%3B%3B%3BAAMZ%2CGAxCH%2CKAwCI%3BCAEG%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3BAAaR%3BCAAA%2CGAhEC%2CKA0DO%3BEACI%3B%3B%3BAAQZ%2CGAAC%3BCACG%3BCACA%2CsBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CGATH%2CMASI%3BCACG%3B%3BAAGJ%2CGAbH%2CMAaI%3BAAAY%2CGAbhB%2CMAaiB%3BCACV%2CaAAa%2CiDAAb%3B%3BAAQR%2CGAAC%3BCACG%3BCACA%2CyBAAA%3BCArGJ%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3BCAoGI%3B%3BAAEA%2CGANH%2CIAMI%3BCACG%2CgBAAA%3BCACA%3BCACA%3BCA5GR%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3B%3BAAgHI%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%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-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%3B%3BAAKJ%2CGAhBH%2CKAgBI%3BCACG%3BCACA%3B%3BAAFJ%2CGAhBH%2CKAgBI%2CIAIG%3BCACI%3B%3BAALR%2CGAhBH%2CKAgBI%2CIAQG%3BCACI%3B%3BAAYR%3BCAAA%2CGArCH%2CKAgBI%3BEAcO%3B%3BCAOR%2CGArCH%2CKAgBI%2CIAgBO%3BCAKR%2CGArCH%2CKAgBI%2CIAiBO%3BEACI%3B%3B%3BAAMZ%2CGAxCH%2CKAwCI%3BCAEG%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3BAAaR%3BCAAA%2CGAhEC%2CKA0DO%3BEACI%3B%3B%3BAAQZ%2CGAAC%3BCACG%3BCACA%2CsBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CGATH%2CMASI%3BCACG%3B%3BAAGJ%2CGAbH%2CMAaI%3BAAAY%2CGAbhB%2CMAaiB%3BCACV%2CaAAa%2CiDAAb%3B%3BAAQR%2CGAAC%3BCACG%3BCACA%2CyBAAA%3BCArGJ%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3BCAoGI%3B%3BAAEA%2CGANH%2CIAMI%3BCACG%2CgBAAA%3BCACA%3BCACA%3BCA5GR%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3B%3BAAgHI%3BCAAA%2CGAhBH%2CIAMI%3BEAOO%2CgBAAA%3BEACA%3B%3B%3BAAIR%2CGAlBH%2CIAkBI%3BCACG%3B%3BAAOJ%3BCAAA%2CGA1BH%2CIAsBI%3BEAEO%22%7D */ /* Include style: /mnt/data/dankert/Entwicklung/Projekte/openrat-cms/modules/cms/ui/themes/default/style/openrat-nojs */ .or-nojs-text { display: block; @@ -1237,6 +1237,36 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. /*# 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-nojs.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAIQ%2CGAFH%2CKAEI%3BCACG%3B%3BAAKR%2CGAAC%3BCACG%22%7D */ /* Include style: /mnt/data/dankert/Entwicklung/Projekte/openrat-cms/modules/cms/ui/themes/default/style/openrat-navigation */ /* N a v i g a t i o n */ +.or-navigation--is-open { + display: flex; + flex-direction: row; +} +.or-navigation-filler { + height: 100%; + width: 12em; + opacity: 0.8; + filter: blur(10em); +} +@media only screen and (max-width: 55rem) { + .or-navigation-filler { + width: 0; + } +} +.or-navigation-filler-icon { + opacity: 1; + font-size: 3em; + position: absolute; + right: 20px; + top: 20px; +} +.or-navigation-content { + flex: 1; + height: 100%; + z-index: 3; +} +.or-navigation-content .or-view { + height: 100%; +} .or-navtree-node { margin: 0; padding: 0.1em 0; @@ -1244,6 +1274,11 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. font-weight: normal; white-space: nowrap; } +@media only screen and (max-width: 55rem) { + .or-navtree-node { + padding: 0.2em 0; + } +} .or-navtree-node--selected { font-weight: bold; } @@ -1265,7 +1300,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. .or-navtree-list ul { margin-left: 18px; } -/*# 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-navigation.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAKQ%2CGAFH%2CQAEI%3BCACG%3BCACA%2CgBAAA%3BCAEA%3BCACA%3BCACA%3B%3BAAEA%2CGAVP%2CQAEI%2CKAQI%3BCACG%3B%3BAAEA%2CGAbX%2CQAEI%2CKAQI%2CUAGO%2CMAAM%3BCACN%3B%3BAAIR%2CGAlBP%2CQAEI%2CKAgBI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAKR%2CGA5BH%2CQA4BI%3BCAEG%3BCACA%3BCACA%3B%3BAAJJ%2CGA5BH%2CQA4BI%2CKAMG%3BCACI%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-navigation.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAWI%2CGAFD%2CWAEE%3BCACC%3BCACA%3B%3BAAGF%2CGAPD%2CWAOE%3BCACC%3BCACA%3BCACA%3BCACA%2CQAAQ%2CUAAR%3B%3BAAMA%3BCAAA%2CGAjBH%2CWAOE%3BEAOG%3B%3B%3BAAGF%2CGAjBH%2CWAOE%2COAUE%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAIJ%2CGA1BD%2CWA0BE%3BCAEC%3BCAOA%3BCAIA%3B%3BAAbF%2CGA1BD%2CWA0BE%2CQAeC%3BCACE%3B%3BAASA%2CGAFH%2CQAEI%3BCACG%3BCACA%2CgBAAA%3BCAMA%3BCACA%3BCACA%3B%3BAAFA%3BCAAA%2CGAVP%2CQAEI%3BEAKG%2CgBAAA%3B%3B%3BAAOA%2CGAdP%2CQAEI%2CKAYI%3BCACG%3B%3BAAEA%2CGAjBX%2CQAEI%2CKAYI%2CUAGO%2CMAAM%3BCACN%3B%3BAAIR%2CGAtBP%2CQAEI%2CKAoBI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAKR%2CGAhCH%2CQAgCI%3BCAEG%3BCACA%3BCACA%3B%3BAAJJ%2CGAhCH%2CQAgCI%2CKAMG%3BCACI%22%7D */ /* Include style: /mnt/data/dankert/Entwicklung/Projekte/openrat-cms/modules/cms/ui/themes/default/style/openrat-fieldset */ .or-fieldset { border: 0; @@ -1365,7 +1400,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. /* */ } .or-workbench-screen { - /* Horizontale Flexbox */ + /* vertical flexbox */ display: flex; flex-direction: column; position: relative; @@ -1387,7 +1422,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. min-height: 3.0rem; overflow: hidden; padding: 0.5em; - opacity: 0.9; } .or-workbench-title .toolbar-icon .arrow-down { display: inline; @@ -1402,8 +1436,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. flex: 1; transition: margin-left 0.15s ease-in-out; transition: opacity 0.5s ease; - display: flex; - flex-direction: column; /* &.is-closed { flex: 0.5; @@ -1431,10 +1463,24 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. 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: 30em; + width: 100%; transition: width 0.15s ease-in-out; padding: 0.7em; overflow-x: hidden; @@ -1478,15 +1524,16 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } .or-workbench-navigation--is-open { position: fixed; - width: 90%; + width: 100%; z-index: 1; - opacity: 0.98; + opacity: 1; height: 100%; } - .or-workbench-navigation--is-open .or-workbench-navigation-container { - width: 100%; - height: 100%; - overflow-y: auto; + .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) { @@ -1536,10 +1583,10 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. } @media only screen and (max-width: 55rem) { html { - font-size: 1em; + 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%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 */ +/*# 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%3B%3BAALJ%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%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAuDJ%2CGA9HH%2CUA8HI%3BCACG%3B%3BAAGJ%2CGAlIH%2CUAkII%3BCACG%3B%3BAAGJ%2CGAtIH%2CUAsII%2CqBACG%3BCACI%3B%3BAAFR%2CGAtIH%2CUAsII%2CqBAKG%3BCACI%3B%3BAAIR%2CGAhJH%2CUAgJI%3BCAEG%3BCACA%3BCACA%3B%3BAAEA%2CGAtJP%2CUAgJI%2CWAMI%3BCAEC%3B%3BAAIF%3BCAAA%2CGA5JP%2CUAgJI%2CWAMI%3BEAIG%3B%3B%3BAAGJ%2CGA7JP%2CUAgJI%2CWAaI%3BCACC%3BCACA%3B%3BAAGF%2CGAlKP%2CUAgJI%2CWAkBI%3BCAEG%3BCAKA%2CmCAAA%3BCAEA%3BCACA%3B%3BAA5BR%2CGAhJH%2CUAgJI%2CWAiCC%3BCACE%2CoCAAA%3B%3BAAGF%2CGArLL%2CUAgJI%2CWAqCE%3BCACK%3B%3BAADN%2CGArLL%2CUAgJI%2CWAqCE%2CUAOK%3BCAEI%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAVV%2CGArLL%2CUAgJI%2CWAqCE%2CUAOK%2CmCAKI%3BCACE%3B%3BAAbZ%2CGArLL%2CUAgJI%2CWAqCE%2CUA6BK%3BCACI%3B%3BAAkCR%3BCAAA%2CGArPP%2CUAgJI%3BEAyEO%3B%3BCA4BJ%2CGArPP%2CUAgJI%2CWA2EO%3B%3B%3B%3B%3B%3BCAQA%2CGAnOX%2CUAgJI%2CWAmFQ%3BEASC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BCAbF%2CGAnOX%2CUAgJI%2CWAmFQ%2CSAEC%3BEACE%3B%3BCAHJ%2CGAnOX%2CUAgJI%2CWAmFQ%2CSAKC%3BEACE%3B%3B%3BAAiBR%3BCAAA%2CGA1PP%2CUAgJI%3BEAsGO%3B%3B%3BAAtGR%2CGAhJH%2CUAgJI%2CWA0GG%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 @@ -3,20 +3,20 @@ .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--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-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-archive: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--status-released:after{content: "verified_user"}.or-image-icon--status-active:after{content: "grade"}.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-view{padding: 0.5em}.or-view-header{font-size: 1.2em} @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'), url('../font/MaterialIcons-Regular.woff') format('woff')} -.or-dialog{display: none}.or-dialog--is-open{display: block}.or-dialog-content{overflow: auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin-left: 10em;z-index: 3}@media only screen and (max-width: 55rem){.or-dialog-content{margin-left: 0}}.or-dialog-filler{position: absolute;z-index: 2;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.8;filter: blur(10em)}.or-dialog-filler-icon{opacity: 1;font-size: 3em;position: absolute;right: 20px;top: 20px} +.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%} 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;transition: opacity ease-in-out}.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: #2E8B57 !important;cursor: move}.or-droppable--hover{background-color: #00d95a !important;cursor: move}.or--invisible{visibility: hidden}.or--visible{visibility: visible}legend{font-size: 1.1em;font-weight: bold;padding: 0 .5em} .or-menu{display: flex;justify-content: space-between}@media only screen and (max-width: 55rem){.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} .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-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-breadcrumb{margin-bottom: 0.1em;margin-top: 0.3em;margin-left: 1.5em;line-height: 1.5em;font-weight: normal;white-space: nowrap}.or-breadcrumb *{display: inline;margin-right: 0.3em}@media only screen and (min-width: 85rem){.or-breadcrumb-parent{display: none}}.or-breadcrumb-path{opacity: 0.55;display: none}@media only screen and (min-width: 85rem){.or-breadcrumb-path{display: inline}}.or-breadcrumb-actual{font-size: 1.25em;font-weight: bold;white-space: nowrap;text-overflow: ellipsis}.or-breadcrumb-item{font-size: 1.15em} +.or-breadcrumb{margin-bottom: 0.1em;margin-top: 0.3em;margin-left: 1.5em;line-height: 1.5em;font-weight: normal;white-space: nowrap}.or-breadcrumb *{display: inline;margin-right: 0.3em}@media only screen and (min-width: 85rem){.or-breadcrumb-parent{display: none}}.or-breadcrumb-path{opacity: 0.55;display: none}@media only screen and (min-width: 85rem){.or-breadcrumb-path{display: inline}}.or-breadcrumb-actual{font-size: 1.25em;font-weight: bold;white-space: nowrap;text-overflow: ellipsis} .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-collapsible{display: flex;flex-direction: column}.or-collapsible .or-collapsible-act-switch{cursor: pointer}.or-collapsible > .or-collapsible-value{transition: opacity .3s ease-out;flex: 1;display: block}.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{opacity: 0;max-height: 0;overflow: hidden}.or-collapsible--is-open > .or-collapsible-value{height: auto}.or-collapsible--is-open > * > .or-collapsible--on-closed{display: none}.or-collapsible--is-open > * > .or-collapsible--on-open{display: inline} -.or-form{display: flex;height: 100%;flex-direction: column;padding: 1em}.or-form-headline{height: 2em}.or-form-content{flex-grow: 1;overflow-y: auto}.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 #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical;padding: 2px;margin: 0}.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-headline{height: 2em}.or-form-content{flex-grow: 1}.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 #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical;padding: 2px;margin: 0}.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-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-navigation--is-open{display: flex;flex-direction: row}.or-navigation-filler{height: 100%;width: 12em;opacity: 0.8;filter: blur(10em)}@media only screen and (max-width: 55rem){.or-navigation-filler{width: 0}}.or-navigation-filler-icon{opacity: 1;font-size: 3em;position: absolute;right: 20px;top: 20px}.or-navigation-content{flex: 1;height: 100%;z-index: 3}.or-navigation-content .or-view{height: 100%}.or-navtree-node{margin: 0;padding: .1em 0;line-height: 18px;font-weight: normal;white-space: nowrap}@media only screen and (max-width: 55rem){.or-navtree-node{padding: .2em 0}}.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: 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}} +.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}.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}.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%;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: 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} diff --git a/modules/cms/ui/themes/default/style/theme/openrat-theme.less b/modules/cms/ui/themes/default/style/theme/openrat-theme.less @@ -6,18 +6,24 @@ @cms-theme-id: 'theme-name'; /* technical name of theme */ @cms-image-path: '/'; /* Image-path */ @cms-name: name; /* Logic name of theme */ -@cms-title-background-color: white; -@cms-title-text-color: black; -@cms-text-color: black; -@cms-background-color: silver; -@cms-inactive-background-color: gray; -@cms-search-text-color: gray; -@cms-search-background-color: gray; +@cms-main-title-background-color: white; +@cms-main-title-text-color: black; +@cms-main-text-color: black; +@cms-main-background-color: silver; + +@cms-inactive-background-color: gray; +@cms-nav-title-text-color: gray; +@cms-nav-title-background-color: gray; @cms-nav-text-color: gray; @cms-nav-background-color: gray; +@cms-dialog-title-text-color: gray; +@cms-dialog-title-background-color: gray; +@cms-dialog-text-color: gray; +@cms-dialog-background-color: gray; + @cms-image-color: gray; @cms-background-image: "@{cms-image-path}background/fog.jpeg"; @@ -27,6 +33,7 @@ @cms-notice-warning-color: yellow; @cms-notice-error-color: red; +@cms-fill-color: black; html.or-theme-@{cms-theme-id} { @@ -36,25 +43,14 @@ html.or-theme-@{cms-theme-id} { box-shadow: @x @y @radius @color; } - scrollbar-face-color: @cms-title-background-color; - scrollbar-arrow-color: @cms-title-background-color; - scrollbar-base-color: @cms-title-text-color; + scrollbar-face-color: @cms-main-title-background-color; + scrollbar-arrow-color: @cms-main-title-background-color; + scrollbar-base-color: @cms-main-title-text-color; - scrollbar-color: @cms-title-text-color @cms-background-color; + scrollbar-color: @cms-main-title-text-color @cms-main-background-color; scrollbar-width: thin; - .or-dialog { - &-content { - .or-view { - background-color: @cms-background-color; - color: @cms-text-color; - } - } - &-filler { - background-color: @cms-title-background-color; - } - } .or { @@ -64,7 +60,7 @@ html.or-theme-@{cms-theme-id} { &-view { &-header { - color: @cms-title-background-color; + color: @cms-main-title-background-color; } } @@ -80,7 +76,7 @@ html.or-theme-@{cms-theme-id} { border-left-color: darken(@cms-notice-ok-color, 10%); } - .box-shadow(3px, 3px, 10px, mix(@cms-background-color, @cms-notice-ok-color, 20%)); + .box-shadow(3px, 3px, 10px, mix(@cms-main-background-color, @cms-notice-ok-color, 20%)); } &--warning { @@ -91,7 +87,7 @@ html.or-theme-@{cms-theme-id} { border-left-color: darken(@cms-notice-warning-color, 10%); } - .box-shadow(3px, 3px, 10px, mix(@cms-background-color, @cms-notice-warning-color, 20%)); + .box-shadow(3px, 3px, 10px, mix(@cms-main-background-color, @cms-notice-warning-color, 20%)); } &--info { @@ -102,7 +98,7 @@ html.or-theme-@{cms-theme-id} { border-left-color: darken(@cms-notice-info-color, 10%); } - .box-shadow(3px, 3px, 10px, mix(@cms-background-color, @cms-notice-info-color, 20%)); + .box-shadow(3px, 3px, 10px, mix(@cms-main-background-color, @cms-notice-info-color, 20%)); } &--error { @@ -113,7 +109,7 @@ html.or-theme-@{cms-theme-id} { border-left-color: darken(@cms-notice-error-color, 10%); } - .box-shadow(3px, 3px, 10px, mix(@cms-background-color, @cms-notice-error-color, 20%)); + .box-shadow(3px, 3px, 10px, mix(@cms-main-background-color, @cms-notice-error-color, 20%)); } } @@ -123,7 +119,7 @@ html.or-theme-@{cms-theme-id} { a:link, a:visited, a:active, a:hover { } - color: @cms-background-color; + color: @cms-main-background-color; } @@ -131,11 +127,11 @@ html.or-theme-@{cms-theme-id} { tr.headline > td, tr.headline > th { - border-bottom: 1px solid @cms-title-background-color; + border-bottom: 1px solid @cms-main-title-background-color; } tr > td { - border-bottom: 1px solid @cms-title-background-color; + border-bottom: 1px solid @cms-main-title-background-color; } tr:nth-child(2n) { @@ -144,95 +140,117 @@ html.or-theme-@{cms-theme-id} { tr.or-data:hover, tr.or-table-data:hover{ - background-color: @cms-title-background-color; - color: @cms-title-text-color; + background-color: @cms-main-title-background-color; + color: @cms-main-title-text-color; } } &-workbench { + &-title { + text-color: @cms-main-text-color; + background-color: @cms-main-title-background-color; + //background-image: linear-gradient(to bottom, lighten(@cms-main-background-color, 10%), @cms-main-title-background-color 90%, @cms-inactive-background-color); + color: @cms-main-title-text-color; + + .or-toolbar-icon > a { + color: @cms-main-title-text-color; + } + } + &-workplace { + text-color: @cms-main-text-color; + background-color: @cms-main-background-color; + } + &-search { - text-color: @cms-search-text-color; - background-color: @cms-search-background-color; + text-color: @cms-nav-title-text-color; + background-color: @cms-nav-title-background-color; } &-navigation { - text-color: @cms-nav-text-color; - background-color: @cms-nav-background-color; - } + &-container { + text-color: @cms-nav-text-color; + background-color: @cms-nav-background-color; + } - &-title { - text-color: @cms-text-color; - background-color: @cms-title-background-color; - } - &-workplace { - text-color: @cms-text-color; - background-color: @cms-background-color; + &-filler { + //background-color: @cms-nav-title-background-color; + background-color: @cms-fill-color; + } } + &-section { - border-color: @cms-text-color; + border-color: @cms-main-text-color; &.or-open { - background-color: lighten(@cms-background-color, 10%); + background-color: lighten(@cms-main-background-color, 10%); } } - &-navigation-container { - //background-color: @cms-title-background-color; - //color: @cms-title-text-color; - background-color: @cms-background-color; - .box-shadow(10px, 0px, 25px, @cms-background-color); - background-image: linear-gradient(to right, lighten(@cms-background-color, 10%), @cms-background-color); - } +/* &-navigation-container { + //background-color: @cms-main-title-background-color; + //color: @cms-main-title-text-color; + background-color: @cms-main-background-color; + .box-shadow(10px, 0px, 25px, @cms-main-background-color); + background-image: linear-gradient(to right, lighten(@cms-main-background-color, 10%), @cms-main-background-color); + }*/ &-navigation, &-navigation .or-link { - color: @cms-text-color; + color: @cms-main-text-color; } + } - &-title { - - background-color: @cms-title-background-color; - background-image: linear-gradient(to bottom, lighten(@cms-title-background-color, 10%), @cms-title-background-color 90%, @cms-inactive-background-color); - color: @cms-title-text-color; + &-dialog { + &-title { + background-color: @cms-dialog-title-background-color; + color: @cms-dialog-title-text-color; + } + &-content { + background-color: @cms-dialog-background-color; + color: @cms-dialog-text-color; + //.box-shadow(); - .or-toolbar-icon > a { - color: @cms-title-text-color; - } + .or-view { + } + } - } + &-filler { + //background-color: @cms-main-background-color; + background-color: @cms-fill-color; } + } &-input { - background-color: @cms-title-background-color; - color: @cms-title-text-color; - border: 1px solid mix(@cms-title-text-color, @cms-title-background-color); - .box-shadow(0px, 0px, 3px, @cms-title-text-color); - border-bottom: 1px solid @cms-text-color; + background-color: @cms-main-title-background-color; + color: @cms-main-title-text-color; + border: 1px solid mix(@cms-main-title-text-color, @cms-main-title-background-color); + .box-shadow(0px, 0px, 3px, @cms-main-title-text-color); + border-bottom: 1px solid @cms-main-text-color; &:focus { } - border-color: @cms-title-text-color; + border-color: @cms-main-title-text-color; &--error { - border-bottom: 1px dotted @cms-text-color ! important; + border-bottom: 1px dotted @cms-main-text-color ! important; border: 1px solid @cms-notice-error-color ! important; } &.or-hint { - color: @cms-title-background-color; + color: @cms-main-title-background-color; } } &-group { - border-color: mix(@cms-text-color, @cms-background-color); + border-color: mix(@cms-main-text-color, @cms-main-background-color); } @@ -262,91 +280,100 @@ html.or-theme-@{cms-theme-id} { color: inherit; } - .box-shadow(3px, 2px, 5px, @cms-background-color); - border: 1px solid mix(@cms-background-color,@cms-inactive-background-color); + .box-shadow(3px, 2px, 5px, @cms-main-background-color); + border: 1px solid mix(@cms-main-background-color,@cms-inactive-background-color); - background-color: @cms-background-color; - color: @cms-text-color; + background-color: @cms-main-background-color; + color: @cms-main-text-color; &-entry { - background-color: @cms-background-color; - color: @cms-text-color; + background-color: @cms-main-background-color; + color: @cms-main-text-color; &--inactive { - color: mix(@cms-background-color, @cms-text-color, 40%); + color: mix(@cms-main-background-color, @cms-main-text-color, 40%); } &--active:hover { - background-color: @cms-text-color; - color: @cms-background-color; + background-color: @cms-main-text-color; + color: @cms-main-background-color; } } &-divide { - background-color: mix(@cms-background-color,@cms-inactive-background-color); + background-color: mix(@cms-main-background-color,@cms-inactive-background-color); } } &-toolbar-icon { - border: 1px solid @cms-title-background-color; + border: 1px solid @cms-main-title-background-color; &:hover { - border: 1px solid @cms-title-text-color; + border: 1px solid @cms-main-title-text-color; } } &-dropzone-upload > .or-value { - background-color: @cms-title-text-color; - border: 1px dotted @cms-text-color; + background-color: @cms-main-title-text-color; + border: 1px dotted @cms-main-text-color; } &-hover-effect:hover { - background-color: darken(@cms-background-color, 10%);; + background-color: darken(@cms-main-background-color, 10%);; } &-info-popup { - background-color: @cms-title-background-color; - color: @cms-title-text-color; + background-color: @cms-main-title-background-color; + color: @cms-main-title-text-color; } &-collapsible-title { - border-color: @cms-title-text-color; + border-color: @cms-main-title-text-color; } &-btn, &-link-btn { - border-color: @cms-background-color; + border-color: @cms-main-background-color; &--is-active { background-color: @cms-inactive-background-color; - border-color: @cms-background-color; + border-color: @cms-main-background-color; } - color: @cms-title-text-color; - .box-shadow(0, 0, 0.5em, @cms-background-color); + color: @cms-main-title-text-color; + .box-shadow(0, 0, 0.5em, @cms-main-background-color); &:hover { - border-color: @cms-title-text-color; + border-color: @cms-main-title-text-color; } &--primary { - background-color: @cms-title-background-color; + background-color: @cms-main-title-background-color; } } + + &-form { + &-content { + padding-bottom: 5em; + } + &-actionbar { + background-color: @cms-dialog-title-background-color; + } + } } small { - color: @cms-title-background-color; + color: @cms-main-title-background-color; } textarea.longtext { - border-color: @cms-text-color; + border-color: @cms-main-text-color; } body { - color: @cms-text-color; + color: @cms-main-text-color; } a { color: inherit;