openrat-cms

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

commit d1caf7a0dcb2c912e42dbbd9fd3fef9445cf84e9
parent 5bf6cc64bf1a6cbefc3e415b8fdcca1eb977d9fb
Author: Jan Dankert <devnull@localhost>
Date:   Sat,  1 Sep 2018 04:18:01 +0200

View initial nur laden, wenn auch geöffnet. Und das Overflow in der Workbench funktioniert wieder.

Diffstat:
modules/cms-ui/themes/default/layout/index.php | 2+-
modules/cms-ui/themes/default/script/openrat.js | 77++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------
modules/cms-ui/themes/default/script/openrat.min.js | 22+++++++++++-----------
modules/cms-ui/themes/default/style/openrat-base.css | 7++-----
modules/cms-ui/themes/default/style/openrat-base.less | 2+-
modules/cms-ui/themes/default/style/openrat-base.min.css | 4++--
modules/cms-ui/themes/default/style/openrat-workbench.css | 30++++++++++++++++++------------
modules/cms-ui/themes/default/style/openrat-workbench.less | 28++++++++++++++++++++--------
modules/cms-ui/themes/default/style/openrat-workbench.min.css | 4++--
9 files changed, 109 insertions(+), 67 deletions(-)

diff --git a/modules/cms-ui/themes/default/layout/index.php b/modules/cms-ui/themes/default/layout/index.php @@ -68,7 +68,7 @@ </div> - <div class="view view-loader data-action="<?php echo $action ?>" data-method="<?php echo $method['name'] ?>" data-id="<?php echo $id ?>"><?php embedView($action,$method['name']); ?></div> + <div class="view view-loader data-action="<?php echo $action ?>" data-method="<?php echo $method['name'] ?>" data-id="<?php echo $id ?>"><?php if($method ['open']) {embedView($action,$method['name']);}else{echo '<!-- -->';} ?></div> </section> <?php } ?> diff --git a/modules/cms-ui/themes/default/script/openrat.js b/modules/cms-ui/themes/default/script/openrat.js @@ -1,14 +1,9 @@ - -// Default-Subaction -var DEFAULT_CONTENT_ACTION = 'edit'; - var OR_THEMES_EXT_DIR = 'modules/cms-ui/themes/'; // Execute after DOM ready: -$( function() -{ - // JS is available. +$( function() { + // JS is available. $('html').removeClass('nojs'); /* Fade in all elements. */ @@ -18,29 +13,30 @@ $( function() registerWorkbenchEvents(); - $('.view').each( function(index) { - afterViewLoaded(this); + $('.view').each(function (index) { + afterViewLoaded(this); }); // Listening to the "popstate" event: - window.onpopstate = function(ev) { + window.onpopstate = function (ev) { Navigator.navigateTo(ev.state); }; initActualHistoryState(); - - Workbench.initialize(); + + Workbench.initialize(); // Per Klick wird die Notice entfernt. - $('#noticebar .notice').click( function() - { - $(this).fadeOut('fast',function() { $(this).remove(); } ); - } ); + $('#noticebar .notice').click(function () { + $(this).fadeOut('fast', function () { + $(this).remove(); + }); + }); loadTree(); // Initial Loading of the navigationtree - $(document).keyup(function(e) { + $(document).keyup(function (e) { if (e.keyCode == 27) { // ESC keycode $('#dialog .view').fadeOut('fast').html(''); $('#dialog').removeClass('is-open').addClass('is-closed'); // Dialog schließen @@ -49,14 +45,29 @@ $( function() // Per Klick werden die Notices entfernt. - $('#noticebar .notice').fadeIn().click( function() - { - $(this).fadeOut('fast',function() { $(this).remove(); } ); - } ); + $('#noticebar .notice').fadeIn().click(function () { + $(this).fadeOut('fast', function () { + $(this).remove(); + }); + }); + + registerOpenClose($('section.toggle-open-close')); - registerOpenClose( $('section.toggle-open-close') ); + $('section.toggle-open-close .on-click-open-close').click(function () { + var section = $(this).closest('section'); + + // disabled sections are ignored. + if (section.hasClass('disabled')) + return; + + // if view is empty, lets load the content. + var view = section.find('div.view-loader'); + if (view.children().length == 0) + Workbench.loadNewActionIntoElement(view); + }); }); + function initActualHistoryState() { var state = {}; state.name = window.document.title; @@ -178,12 +189,16 @@ var Workbench = new function() $('#editor').attr('data-action',action); $('#editor').attr('data-id' ,id ); + $('#editor').attr('data-extra' ,JSON.stringify(params)); + + // View in geschlossenen Sektionen löschen, damit diese nicht stehen bleiben. + $('#workbench section.closed .view-loader').empty(); + + $('#workbench section.open .view-loader').each( function(idx) { - $('#workbench .view-loader').each( function(idx) { var targetDOMElement = $(this); - var method = targetDOMElement.data('method'); - Workbench.loadViewIntoElement(targetDOMElement,action,method,id,params) + Workbench.loadNewActionIntoElement(targetDOMElement) }); filterMenus(action, id, params); @@ -191,6 +206,18 @@ var Workbench = new function() } + this.loadNewActionIntoElement = function(targetDOMElement) { + + var action = $('#editor').attr('data-action'); + var id = $('#editor').attr('data-id' ); + var params = $('#editor').attr('data-extra' ); + + var method = targetDOMElement.data('method'); + + Workbench.loadViewIntoElement(targetDOMElement,action,method,id,params) + } + + this.loadViewIntoElement = function(targetDOMElement,action,method,id,params) { var url = createUrl(action,method,id,params,true); // URL für das Laden erzeugen. diff --git a/modules/cms-ui/themes/default/script/openrat.min.js b/modules/cms-ui/themes/default/script/openrat.min.js @@ -1,10 +1,10 @@ -;var DEFAULT_CONTENT_ACTION='edit',OR_THEMES_EXT_DIR='modules/cms-ui/themes/';$(function(){$('html').removeClass('nojs');$('.initial-hidden').removeClass('initial-hidden');registerHeaderEvents();registerWorkbenchEvents();$('.view').each(function(e){afterViewLoaded(this)});window.onpopstate=function(e){Navigator.navigateTo(e.state)};initActualHistoryState();Workbench.initialize();$('#noticebar .notice').click(function(){$(this).fadeOut('fast',function(){$(this).remove()})});loadTree();$(document).keyup(function(e){if(e.keyCode==27){$('#dialog .view').fadeOut('fast').html('');$('#dialog').removeClass('is-open').addClass('is-closed')}});$('#noticebar .notice').fadeIn().click(function(){$(this).fadeOut('fast',function(){$(this).remove()})});registerOpenClose($('section.toggle-open-close'))});function initActualHistoryState(){var e={};e.name=window.document.title;var t=new URLSearchParams(window.location.search);if(t.has('action')){e.action=t.get('action');e.id=t.get('id');e.name=window.document.title;e.data={};var t=Array.from(t.entries());for(var i in t){e.data[t[i][0]]=t[i][1]};Navigator.toActualHistory(e);filterMenus(e.action,e.id,e.data)}};var Navigator=new function(){'use strict';this.navigateTo=function(e){Workbench.loadNewActionState(e)};this.navigateToNew=function(e){Workbench.loadNewActionState(e);window.history.pushState(e,e.name,createUrl(e.action,null,e.id,e.data,!1))};this.navigateToNewAction=function(e,t,i,a){var n={action:e,method:t,id:i,data:a};this.navigateToNew(n)};this.toActualHistory=function(e){window.history.replaceState(e,e.name,createUrl(e.action,null,e.id,e.data,!1))}},Workbench=new function(){'use strict';this.initialize=function(){this.initializePingTimer()};this.initializePingTimer=function(){var e=function(){$.ajax(createUrl('title','ping',0))},t=5;window.setInterval(e,t*60*1000)};this.loadNewActionState=function(e){Workbench.loadNewAction(e.action,e.id,e.data)};this.loadNewAction=function(e,t,i){$('#editor').attr('data-action',e);$('#editor').attr('data-id',t);$('#workbench .view-loader').each(function(a){var n=$(this),o=n.data('method');Workbench.loadViewIntoElement(n,e,o,t,i)});filterMenus(e,t,i)};this.loadViewIntoElement=function(e,t,i,a,n){var o=createUrl(t,i,a,n,!0);e.empty().fadeTo(1,0.7).addClass('loader').html('').load(o,function(t,i,a){e.fadeTo(350,1);$(e).removeClass('loader');if(i=='error'){$(e).html('');notify('error',t);return};afterViewLoaded(e)})}};function registerWorkbenchEvents(){$('div.header').dblclick(function(){fullscreen(this)});$('div#filler').click(function(){if($('div#dialog').hasClass('modal')){} -else{$('div#dialog').removeClass('is-open').addClass('is-closed');$('div#dialog > .view').html('')}})};function loadView(e,t,i,a,n){Navigator.navigateToNewAction(t,i,a,n)};function afterViewLoaded(e){var t=$(e).closest('section'),i=$(e).children().length>0;t.toggleClass('disabled',!i);$(e).trigger('orViewLoaded');$(e).closest('div.panel').find('div.header div.dropdown div.entry.perview').remove();$(e).find('div.headermenu > a').each(function(e,t){});$(e).find('div.header > a.back').each(function(t,i){$(i).removeClass('button').wrap('<div class="entry perview" />').parent().appendTo($(e).closest('div.panel').find('div.header div.dropdown').first())});$(e).find('div.selector.tree').each(function(){var e=this;$(this).orTree({type:'project',selectable:$(e).attr('data-types').split(','),id:$(e).attr('data-init-folderid'),onSelect:function(t,i,a){var n=$(e).parent();$(n).find('input[type=text]').attr('value',t);$(n).find('input[type=hidden]').attr('value',a)}})});$('div.content li.object').draggable({cursor:'move',revert:'invalid'});$('div.content li.object > .entry[data-type=\'folder\']').droppable({accept:'li.object',hoverClass:'drophover',activeClass:'dropactive',drop:function(e,t){var i=t.draggable,a=$(this).parent();startDialog($(this).text(),$(i).attr('data-type'),'copy',$(a).attr('data-id'),{'action':$(i).attr('data-type'),'subaction':'copy','id':$(i).attr('data-id'),'targetFolderId':$(a).attr('data-id')});$(i).detach().css({top:0,left:0}).appendTo(a).click()}});$(e).find('input').change(function(){$(this).parent('div.view').addClass('dirty')})};function registerHeaderEvents(){$('body').click(function(){$('.toolbar-icon.menu').parent().removeClass('open')});$('#title .toolbar-icon.menu').click(function(e){e.stopPropagation();$(this).parent().toggleClass('open')});$('#title .toolbar-icon.menu').mouseover(function(){$(this).parent().find('.toolbar-icon.menu').removeClass('open');$(this).addClass('open')});$('#title div.search input').blur(function(){$('div.search input div.dropdown').fadeOut()});$('#title div.search input').orSearch({dropdown:'#title div.search div.dropdown'})};function fullscreen(e){$(e).closest('div.panel').fadeOut('fast',function(){$(this).toggleClass('fullscreen').fadeIn('fast')})};function loadTree(){$('#navigation').html('&nbsp;');$('#navigation').orTree({type:'root',id:0,onSelect:function(e,t,i,a){openNewAction(e,t,i,a)}});$('#navigation > div.sheet.action-tree.method-tree > ul.tree > div.tree').delay(500).click();$('#navigation > div.sheet.action-tree.method-tree > ul.tree > div.tree').delay(500).click()};function submitUrl(e,t){postUrl(t,e)};function postUrl(e,t){e+='&output=json';$.ajax({'type':'POST',url:e,data:{},success:function(e,i,a){$('div.panel div.status div.loader').html('&nbsp;');doResponse(e,i,t)}})};function startDialog(e,t,i,a,n){if(!t)t=$('#editor').attr('data-action');a=$('#editor').attr('data-id');$('div#dialog > .view').html('<div class="header"><img class="icon" title="" src="./themes/default/images/icon/'+i+'.png" />'+e+'</div>');$('div#dialog > .view').data('id',a);$('div#dialog').removeClass('is-closed').addClass('is-open');Workbench.loadViewIntoElement($('div#dialog > .view'),t,i,a,n)};function modalView(e,t){var i=$(e).closest('div.panel').find('li.active').attr('data-action'),a=$(e).closest('div.panel').find('li.active').attr('data-method'),n=$(e).closest('div.panel').find('li.active').attr('data-id');$(e).closest('div.content').modal({'overlayClose':'true','xxxonClose':function(){alert('close)')}});loadView($(e).closest('div.content'),i,a,n)};function setTitle(e){if(e)$('head > title').text(e+' - '+$('head > title').data('default'));else $('head > title').text($('head > title').data('default'))};function openNewAction(e,t,i,a){setTitle(e);setNewAction(t,i,a)};function filterMenus(e,t,i){$('div.clickable').addClass('active');$('div.clickable.filtered').removeClass('active').addClass('inactive');$('div.clickable.filtered.on-action-'+e).addClass('active').removeClass('inactive');$('div.clickable.filtered a').attr('data-action',e);$('div.clickable.filtered a').attr('data-id',t);$('div.clickable.filtered a').attr('data-extra',JSON.stringify(i))};function setNewAction(e,t,i){Navigator.navigateToNewAction(e,'edit',t,i)};function setNewId(e){};function notifyBrowser(e){if(!('Notification' in window)){return} -else if(Notification.permission==='granted'){var t=new Notification(e)} -else if(Notification.permission!=='denied'){Notification.requestPermission(function(t){if(t==='granted'){var i=new Notification(e)}})}};function setUserStyle(e){var t=$('html'),i=t.attr('class').split(/\s+/);$.each(i,function(e,i){if(i.startsWith('theme-')){t.removeClass(i)}});t.addClass('theme-'+e.toLowerCase())};function insert(e,t,i){var a=document.forms[0].elements[e];a.focus();if(typeof document.selection!='undefined'){var r=document.selection.createRange(),n=r.text;r.text=t+n+i;r=document.selection.createRange();if(n.length==0){r.move('character',-i.length)} -else{r.moveStart('character',t.length+n.length+i.length)};r.select()} -else if(typeof a.selectionStart!='undefined'){var c=a.selectionStart,d=a.selectionEnd,n=a.value.substring(c,d);a.value=a.value.substr(0,c)+t+n+i+a.value.substr(d);var o;if(n.length==0){o=c+t.length} -else{o=c+t.length+n.length+i.length};a.selectionStart=o;a.selectionEnd=o} -else{o=a.value.length;var n=prompt('Text');a.value=a.value.substr(0,o)+t+n+i+a.value.substr(o)}};function createUrl(e,t,i,a,o){var n='./';n+='?action='+e;if(t!=null)n+='&subaction='+t;n+='&id='+i;if(o)n+='&embed=1';if(typeof a==='string'){a=a.replace(/'/g,'"');jQuery.each(jQuery.parseJSON(a),function(e,t){if(e=='action'||e=='subaction'||e=='id')return;n=n+'&'+e+'='+t})} -else if(typeof a==='object'){jQuery.each(a,function(e,t){if(e=='action'||e=='subaction'||e=='id')return;n=n+'&'+e+'='+t})} -else{};return n};function resizeWorkbenchContainer(e){};function resizeWorkbench(){};function resizeTabs(e){};function help(e,t,i){var a=$(e).closest('div.panel').find('li.action.active').attr('data-action'),n=$(e).closest('div.panel').find('li.action.active').attr('data-method');window.open(t+a+'/'+n+i,'OpenRat_Help','location=no,menubar=no,scrollbars=yes,toolbar=no,resizable=yes')};function notify(e,t){var i=$('<div class="notice '+e+'"><div class="text">'+t+'</div></div>');$('#noticebar').prepend(i);$(i).fadeIn().click(function(){$(this).fadeOut('fast',function(){$(this).remove()})})};function registerOpenClose(e){$(e).children('.on-click-open-close').click(function(){$(this).closest('.toggle-open-close').toggleClass('open closed')})};- \ No newline at end of file +;var OR_THEMES_EXT_DIR='modules/cms-ui/themes/';$(function(){$('html').removeClass('nojs');$('.initial-hidden').removeClass('initial-hidden');registerHeaderEvents();registerWorkbenchEvents();$('.view').each(function(t){afterViewLoaded(this)});window.onpopstate=function(t){Navigator.navigateTo(t.state)};initActualHistoryState();Workbench.initialize();$('#noticebar .notice').click(function(){$(this).fadeOut('fast',function(){$(this).remove()})});loadTree();$(document).keyup(function(t){if(t.keyCode==27){$('#dialog .view').fadeOut('fast').html('');$('#dialog').removeClass('is-open').addClass('is-closed')}});$('#noticebar .notice').fadeIn().click(function(){$(this).fadeOut('fast',function(){$(this).remove()})});registerOpenClose($('section.toggle-open-close'));$('section.toggle-open-close .on-click-open-close').click(function(){var e=$(this).closest('section');if(e.hasClass('disabled'))return;var t=e.find('div.view-loader');if(t.children().length==0)Workbench.loadNewActionIntoElement(t)})});function initActualHistoryState(){var t={};t.name=window.document.title;var e=new URLSearchParams(window.location.search);if(e.has('action')){t.action=e.get('action');t.id=e.get('id');t.name=window.document.title;t.data={};var e=Array.from(e.entries());for(var i in e){t.data[e[i][0]]=e[i][1]};Navigator.toActualHistory(t);filterMenus(t.action,t.id,t.data)}};var Navigator=new function(){'use strict';this.navigateTo=function(t){Workbench.loadNewActionState(t)};this.navigateToNew=function(t){Workbench.loadNewActionState(t);window.history.pushState(t,t.name,createUrl(t.action,null,t.id,t.data,!1))};this.navigateToNewAction=function(t,e,i,a){var n={action:t,method:e,id:i,data:a};this.navigateToNew(n)};this.toActualHistory=function(t){window.history.replaceState(t,t.name,createUrl(t.action,null,t.id,t.data,!1))}},Workbench=new function(){'use strict';this.initialize=function(){this.initializePingTimer()};this.initializePingTimer=function(){var t=function(){$.ajax(createUrl('title','ping',0))},e=5;window.setInterval(t,e*60*1000)};this.loadNewActionState=function(t){Workbench.loadNewAction(t.action,t.id,t.data)};this.loadNewAction=function(t,e,i){$('#editor').attr('data-action',t);$('#editor').attr('data-id',e);$('#editor').attr('data-extra',JSON.stringify(i));$('#workbench section.closed .view-loader').empty();$('#workbench section.open .view-loader').each(function(t){var e=$(this);Workbench.loadNewActionIntoElement(e)});filterMenus(t,e,i)};this.loadNewActionIntoElement=function(t){var e=$('#editor').attr('data-action'),i=$('#editor').attr('data-id'),a=$('#editor').attr('data-extra'),n=t.data('method');Workbench.loadViewIntoElement(t,e,n,i,a)};this.loadViewIntoElement=function(t,e,i,a,n){var o=createUrl(e,i,a,n,!0);t.empty().fadeTo(1,0.7).addClass('loader').html('').load(o,function(e,i,a){t.fadeTo(350,1);$(t).removeClass('loader');if(i=='error'){$(t).html('');notify('error',e);return};afterViewLoaded(t)})}};function registerWorkbenchEvents(){$('div.header').dblclick(function(){fullscreen(this)});$('div#filler').click(function(){if($('div#dialog').hasClass('modal')){} +else{$('div#dialog').removeClass('is-open').addClass('is-closed');$('div#dialog > .view').html('')}})};function loadView(t,e,i,a,n){Navigator.navigateToNewAction(e,i,a,n)};function afterViewLoaded(t){var e=$(t).closest('section'),i=$(t).children().length>0;e.toggleClass('disabled',!i);$(t).trigger('orViewLoaded');$(t).closest('div.panel').find('div.header div.dropdown div.entry.perview').remove();$(t).find('div.headermenu > a').each(function(t,e){});$(t).find('div.header > a.back').each(function(e,i){$(i).removeClass('button').wrap('<div class="entry perview" />').parent().appendTo($(t).closest('div.panel').find('div.header div.dropdown').first())});$(t).find('div.selector.tree').each(function(){var t=this;$(this).orTree({type:'project',selectable:$(t).attr('data-types').split(','),id:$(t).attr('data-init-folderid'),onSelect:function(e,i,a){var n=$(t).parent();$(n).find('input[type=text]').attr('value',e);$(n).find('input[type=hidden]').attr('value',a)}})});$('div.content li.object').draggable({cursor:'move',revert:'invalid'});$('div.content li.object > .entry[data-type=\'folder\']').droppable({accept:'li.object',hoverClass:'drophover',activeClass:'dropactive',drop:function(t,e){var i=e.draggable,a=$(this).parent();startDialog($(this).text(),$(i).attr('data-type'),'copy',$(a).attr('data-id'),{'action':$(i).attr('data-type'),'subaction':'copy','id':$(i).attr('data-id'),'targetFolderId':$(a).attr('data-id')});$(i).detach().css({top:0,left:0}).appendTo(a).click()}});$(t).find('input').change(function(){$(this).parent('div.view').addClass('dirty')})};function registerHeaderEvents(){$('body').click(function(){$('.toolbar-icon.menu').parent().removeClass('open')});$('#title .toolbar-icon.menu').click(function(t){t.stopPropagation();$(this).parent().toggleClass('open')});$('#title .toolbar-icon.menu').mouseover(function(){$(this).parent().find('.toolbar-icon.menu').removeClass('open');$(this).addClass('open')});$('#title div.search input').blur(function(){$('div.search input div.dropdown').fadeOut()});$('#title div.search input').orSearch({dropdown:'#title div.search div.dropdown'})};function fullscreen(t){$(t).closest('div.panel').fadeOut('fast',function(){$(this).toggleClass('fullscreen').fadeIn('fast')})};function loadTree(){$('#navigation').html('&nbsp;');$('#navigation').orTree({type:'root',id:0,onSelect:function(t,e,i,a){openNewAction(t,e,i,a)}});$('#navigation > div.sheet.action-tree.method-tree > ul.tree > div.tree').delay(500).click();$('#navigation > div.sheet.action-tree.method-tree > ul.tree > div.tree').delay(500).click()};function submitUrl(t,e){postUrl(e,t)};function postUrl(t,e){t+='&output=json';$.ajax({'type':'POST',url:t,data:{},success:function(t,i,a){$('div.panel div.status div.loader').html('&nbsp;');doResponse(t,i,e)}})};function startDialog(t,e,i,a,n){if(!e)e=$('#editor').attr('data-action');a=$('#editor').attr('data-id');$('div#dialog > .view').html('<div class="header"><img class="icon" title="" src="./themes/default/images/icon/'+i+'.png" />'+t+'</div>');$('div#dialog > .view').data('id',a);$('div#dialog').removeClass('is-closed').addClass('is-open');Workbench.loadViewIntoElement($('div#dialog > .view'),e,i,a,n)};function modalView(t,e){var i=$(t).closest('div.panel').find('li.active').attr('data-action'),a=$(t).closest('div.panel').find('li.active').attr('data-method'),n=$(t).closest('div.panel').find('li.active').attr('data-id');$(t).closest('div.content').modal({'overlayClose':'true','xxxonClose':function(){alert('close)')}});loadView($(t).closest('div.content'),i,a,n)};function setTitle(t){if(t)$('head > title').text(t+' - '+$('head > title').data('default'));else $('head > title').text($('head > title').data('default'))};function openNewAction(t,e,i,a){setTitle(t);setNewAction(e,i,a)};function filterMenus(t,e,i){$('div.clickable').addClass('active');$('div.clickable.filtered').removeClass('active').addClass('inactive');$('div.clickable.filtered.on-action-'+t).addClass('active').removeClass('inactive');$('div.clickable.filtered a').attr('data-action',t);$('div.clickable.filtered a').attr('data-id',e);$('div.clickable.filtered a').attr('data-extra',JSON.stringify(i))};function setNewAction(t,e,i){Navigator.navigateToNewAction(t,'edit',e,i)};function setNewId(t){};function notifyBrowser(t){if(!('Notification' in window)){return} +else if(Notification.permission==='granted'){var e=new Notification(t)} +else if(Notification.permission!=='denied'){Notification.requestPermission(function(e){if(e==='granted'){var i=new Notification(t)}})}};function setUserStyle(t){var e=$('html'),i=e.attr('class').split(/\s+/);$.each(i,function(t,i){if(i.startsWith('theme-')){e.removeClass(i)}});e.addClass('theme-'+t.toLowerCase())};function insert(t,e,i){var a=document.forms[0].elements[t];a.focus();if(typeof document.selection!='undefined'){var r=document.selection.createRange(),n=r.text;r.text=e+n+i;r=document.selection.createRange();if(n.length==0){r.move('character',-i.length)} +else{r.moveStart('character',e.length+n.length+i.length)};r.select()} +else if(typeof a.selectionStart!='undefined'){var c=a.selectionStart,d=a.selectionEnd,n=a.value.substring(c,d);a.value=a.value.substr(0,c)+e+n+i+a.value.substr(d);var o;if(n.length==0){o=c+e.length} +else{o=c+e.length+n.length+i.length};a.selectionStart=o;a.selectionEnd=o} +else{o=a.value.length;var n=prompt('Text');a.value=a.value.substr(0,o)+e+n+i+a.value.substr(o)}};function createUrl(t,e,i,a,o){var n='./';n+='?action='+t;if(e!=null)n+='&subaction='+e;n+='&id='+i;if(o)n+='&embed=1';if(typeof a==='string'){a=a.replace(/'/g,'"');jQuery.each(jQuery.parseJSON(a),function(t,e){if(t=='action'||t=='subaction'||t=='id')return;n=n+'&'+t+'='+e})} +else if(typeof a==='object'){jQuery.each(a,function(t,e){if(t=='action'||t=='subaction'||t=='id')return;n=n+'&'+t+'='+e})} +else{};return n};function resizeWorkbenchContainer(t){};function resizeWorkbench(){};function resizeTabs(t){};function help(t,e,i){var a=$(t).closest('div.panel').find('li.action.active').attr('data-action'),n=$(t).closest('div.panel').find('li.action.active').attr('data-method');window.open(e+a+'/'+n+i,'OpenRat_Help','location=no,menubar=no,scrollbars=yes,toolbar=no,resizable=yes')};function notify(t,e){var i=$('<div class="notice '+t+'"><div class="text">'+e+'</div></div>');$('#noticebar').prepend(i);$(i).fadeIn().click(function(){$(this).fadeOut('fast',function(){$(this).remove()})})};function registerOpenClose(t){$(t).children('.on-click-open-close').click(function(){$(this).closest('.toggle-open-close').toggleClass('open closed')})};+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-base.css b/modules/cms-ui/themes/default/style/openrat-base.css @@ -192,7 +192,4 @@ th { display: none; } /* Use Transition effects for all elements. */ -* { - transition: width ease 0.5s; -} -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-base.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAIA%3BCACE%2CgDAAgD%2CYAAY%2CaAAa%2CUAAU%2CUAAU%2CUAAU%2CaACvG%2CaAAa%2CcAAc%2C4BAD3B%3BCAEA%3BCACA%3BCACA%3B%3BAAIF%3BCAAO%3B%3BAAMP%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BCACE%3B%3BAAKF%3BAACA%3BAACA%3BAACA%3BCACE%3BCACA%3B%3BAAKF%2CKAAK%2CIAAI%3BCACP%3BCACA%3B%3BAAKF%3BAACA%3BCACE%3B%3BAAKF%3BCACE%3B%3BAAEA%2CCAAC%3BAACD%2CCAAC%3BCACC%3B%3BAAOJ%2CIAAI%3BCAAU%2CyBAAA%3B%3BAAGd%3BAACA%3BCACE%3B%3BAAIF%3BCAAM%3B%3BAAGN%3BCACE%3BCACA%2CgBAAA%3B%3BAAIF%3BCACE%3BCACA%3B%3BAAIF%3BCAAQ%3B%3BAAGR%3BAACA%3BCACE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%3BCAAM%3B%3BAACN%3BCAAM%3B%3BAAIN%3BCAAM%3B%3BAAGN%2CGAAG%2CIAAI%3BCAAU%3B%3BAAIjB%3BCAAS%2CgBAAA%3B%3BAAGT%3BCACE%3BCACA%3BCACA%3B%3BAAIF%3BCAAM%3B%3BAAGN%3BAACA%3BAACA%3BAACA%3BCACE%2CiCAAA%3BCACA%3B%3BAAWF%3BAACA%3BAACA%3BAACA%3BAACA%3BCACE%3BCACA%3BCACA%3B%3BAAIF%3BCAAS%3B%3BAAMT%3BAACA%3BCACE%3B%3BAAMF%3BAACA%2CIAAK%2CMAAK%3BCACR%3BCACA%3B%3BAAIF%2CMAAM%3BAACN%2CIAAK%2CMAAK%3BCACR%3B%3BAAMA%2CMADF%2CMACG%3BCACC%3BCACA%3B%3BAAKJ%3BCACE%3B%3BAACA%2CKAAC%3BAACD%2CKAAC%3BCACC%3BCACA%3B%3BAAOF%2CKAAC%3BAACD%2CKAAC%3BCACC%3BCACA%3B%3BAAOA%2CKADD%2CeACE%3BAACD%2CKAFD%2CeAEE%3BCACC%3B%3BAAMJ%2CKAAC%3BCACC%3BCACA%3BCACA%3BCACA%3B%3BAAKA%2CKATD%2CeASE%3BAACD%2CKAVD%2CeAUE%3BCACC%3B%3BAAON%3BCACE%2CyBAAA%3BCACA%2CaAAA%3BCACA%2C8BAAA%3B%3BAAKF%3BCACE%3BCACA%3B%3BAAIF%3BCAAW%3B%3BAAIX%3BCAAW%3B%3BAAIX%3BCACE%3BCACA%3B%3BAAGF%3BAACA%3BCACE%3B%3B%3BAAUF%3BAAAG%3BAAAU%3BCACX%3B%3B%3BAAOF%3BCACE%3B%3B%3BAAMF%3BCACE%2C2BAAA%22%7D */- \ No newline at end of file +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-base.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAIA%3BCACE%2CgDAAgD%2CYAAY%2CaAAa%2CUAAU%2CUAAU%2CUAAU%2CaACvG%2CaAAa%2CcAAc%2C4BAD3B%3BCAEA%3BCACA%3BCACA%3B%3BAAIF%3BCAAO%3B%3BAAMP%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BCACE%3B%3BAAKF%3BAACA%3BAACA%3BAACA%3BCACE%3BCACA%3B%3BAAKF%2CKAAK%2CIAAI%3BCACP%3BCACA%3B%3BAAKF%3BAACA%3BCACE%3B%3BAAKF%3BCACE%3B%3BAAEA%2CCAAC%3BAACD%2CCAAC%3BCACC%3B%3BAAOJ%2CIAAI%3BCAAU%2CyBAAA%3B%3BAAGd%3BAACA%3BCACE%3B%3BAAIF%3BCAAM%3B%3BAAGN%3BCACE%3BCACA%2CgBAAA%3B%3BAAIF%3BCACE%3BCACA%3B%3BAAIF%3BCAAQ%3B%3BAAGR%3BAACA%3BCACE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%3BCAAM%3B%3BAACN%3BCAAM%3B%3BAAIN%3BCAAM%3B%3BAAGN%2CGAAG%2CIAAI%3BCAAU%3B%3BAAIjB%3BCAAS%2CgBAAA%3B%3BAAGT%3BCACE%3BCACA%3BCACA%3B%3BAAIF%3BCAAM%3B%3BAAGN%3BAACA%3BAACA%3BAACA%3BCACE%2CiCAAA%3BCACA%3B%3BAAWF%3BAACA%3BAACA%3BAACA%3BAACA%3BCACE%3BCACA%3BCACA%3B%3BAAIF%3BCAAS%3B%3BAAMT%3BAACA%3BCACE%3B%3BAAMF%3BAACA%2CIAAK%2CMAAK%3BCACR%3BCACA%3B%3BAAIF%2CMAAM%3BAACN%2CIAAK%2CMAAK%3BCACR%3B%3BAAMA%2CMADF%2CMACG%3BCACC%3BCACA%3B%3BAAKJ%3BCACE%3B%3BAACA%2CKAAC%3BAACD%2CKAAC%3BCACC%3BCACA%3B%3BAAOF%2CKAAC%3BAACD%2CKAAC%3BCACC%3BCACA%3B%3BAAOA%2CKADD%2CeACE%3BAACD%2CKAFD%2CeAEE%3BCACC%3B%3BAAMJ%2CKAAC%3BCACC%3BCACA%3BCACA%3BCACA%3B%3BAAKA%2CKATD%2CeASE%3BAACD%2CKAVD%2CeAUE%3BCACC%3B%3BAAON%3BCACE%2CyBAAA%3BCACA%2CaAAA%3BCACA%2C8BAAA%3B%3BAAKF%3BCACE%3BCACA%3B%3BAAIF%3BCAAW%3B%3BAAIX%3BCAAW%3B%3BAAIX%3BCACE%3BCACA%3B%3BAAGF%3BAACA%3BCACE%3B%3B%3BAAUF%3BAAAG%3BAAAU%3BCACX%3B%3B%3BAAOF%3BCACE%22%7D */+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-base.less b/modules/cms-ui/themes/default/style/openrat-base.less @@ -296,7 +296,7 @@ th { /* Use Transition effects for all elements. */ * { - transition: width ease 0.5s; + //transition: width ease 0.5s; } diff --git a/modules/cms-ui/themes/default/style/openrat-base.min.css b/modules/cms-ui/themes/default/style/openrat-base.min.css @@ -1 +1 @@ -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size: 0.8em;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block;vertical-align: baseline}audio:not([controls]){display: none;height: 0}[hidden],template{display: none}a{background: transparent}a:active,a:hover{outline: 0}abbr[title]{border-bottom: 1px dotted}b,strong{font-weight: bold}dfn{font-style: italic}h1{font-size: 1.2em;margin: .67em 0}mark{background: #ff0;color: #000}small{font-size: 80%}sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sup{top: -0.5em}sub{bottom: -0.25em}img{border: 0}svg:not(:root){overflow: hidden}figure{margin: 1em 40px}hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0}pre{overflow: auto}code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em}button,input,optgroup,select,textarea{color: inherit;font: inherit;margin: 0}button{overflow: visible}button,select{text-transform: none}button,html input[type="button"]{-webkit-appearance: button;cursor: pointer}button[disabled],html input[disabled]{cursor: default}button input::-moz-focus-inner{border: 0;padding: 0}input{line-height: normal}input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer}input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto}input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em}legend{border: 0;padding: 0}textarea{overflow: auto}optgroup{font-weight: bold}table{border-collapse: collapse;border-spacing: 0}td,th{padding: 0}*,::before,::after{box-sizing: border-box}.initial-hidden{display: none}*{transition: width ease .5s}- \ No newline at end of file +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size: 0.8em;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block;vertical-align: baseline}audio:not([controls]){display: none;height: 0}[hidden],template{display: none}a{background: transparent}a:active,a:hover{outline: 0}abbr[title]{border-bottom: 1px dotted}b,strong{font-weight: bold}dfn{font-style: italic}h1{font-size: 1.2em;margin: .67em 0}mark{background: #ff0;color: #000}small{font-size: 80%}sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sup{top: -0.5em}sub{bottom: -0.25em}img{border: 0}svg:not(:root){overflow: hidden}figure{margin: 1em 40px}hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0}pre{overflow: auto}code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em}button,input,optgroup,select,textarea{color: inherit;font: inherit;margin: 0}button{overflow: visible}button,select{text-transform: none}button,html input[type="button"]{-webkit-appearance: button;cursor: pointer}button[disabled],html input[disabled]{cursor: default}button input::-moz-focus-inner{border: 0;padding: 0}input{line-height: normal}input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer}input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto}input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em}legend{border: 0;padding: 0}textarea{overflow: auto}optgroup{font-weight: bold}table{border-collapse: collapse;border-spacing: 0}td,th{padding: 0}*,::before,::after{box-sizing: border-box}.initial-hidden{display: none}+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.css b/modules/cms-ui/themes/default/style/openrat-workbench.css @@ -117,6 +117,11 @@ html.nojs .noscript { .toggle-open-close.open .on-click-open-close .on-open { display: inline; } +html, +body { + width: 100%; + height: 100%; +} div#workbench { width: 100%; height: 100%; @@ -130,7 +135,7 @@ div#workbench div.panel.modal { border: 1px solid !important; } div#workbench > header { - height: 3rem; + height: 3.0rem; } div#workbench > header .toolbar-icon .arrow-down { display: inline; @@ -142,23 +147,22 @@ div#workbench > header .toolbar-icon .arrow-down { } } div#workbench > div { + flex: 1; /* Horizontale Flexbox */ display: flex; - flex: 1; flex-direction: row; - height: 100%; /* https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox Whenever you've got an element with overflow: [hidden|scroll|auto] inside of a flex item, you need to give its ancestor flex item min-width:0 (in a horizontal flex container) or min-height:0 (in a vertical flex container), to disable this min-sizing behavior, or else the flex item will refuse to shrink smaller than the child's min-content size. */ + min-width: 0; min-height: 0; } div#workbench > div > main { - flex: 2; + flex: 1; } div#workbench > div > nav { - width: 10rem; - flex: 1; + width: 33%; resize: horizontal; } @media only screen and (max-width: 55rem) { @@ -169,14 +173,19 @@ div#workbench > div > nav { div#workbench > div > nav.closed { width: 3rem; } +div#workbench > div > nav div.view { + height: 100%; +} div#workbench > div > nav, div#workbench > div > main { + min-width: 0; + min-height: 0; overflow-y: auto; overflow-x: hidden; } div#workbench > div > main > section { margin: 1.5em; - border: 1px; + border: 1px solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; @@ -191,9 +200,6 @@ div#workbench > div > main > section .view-toolbar { div#workbench > div > main > section.closed .view-toolbar { display: none; } -div#workbench > div > main > section.disabled { - display: none; -} /* Fortschrittsbalken */ div.view.loader { background: url(../images/loader.gif) no-repeat; @@ -201,4 +207,4 @@ div.view.loader { opacity: 0.5; cursor: wait; } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-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%3B%3B%3BAAuCA%2CGAAG%3B%3B%3BAAAH%2CGAAG%2COAEG%3BCACE%3B%3BCAGA%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCAEA%2C4BAAA%3B%3BAAGJ%2CGAjBD%2COAiBE%3BCACG%3B%3BAAlBR%2CGAAG%2COAsBC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAA7BR%2CGAAG%2COAsBC%2CIAAG%2COASC%2CKAAI%3BCACA%2CaAAa%2CaAAa%2CmBAA1B%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAAMZ%3BCACI%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CMAAC%3BCACG%2CmCAAA%3BCACA%2CqBAAA%3BCACA%2CkCAAA%3BCACA%2CoCAAA%3BCACA%3B%3BAAEJ%2CMAAC%3BCACG%2CiCAAA%3BCACA%2CsBAAA%3BCACA%2CoCAAA%3BCACA%2CmCAAA%3BCACA%3B%3BAAIR%2COAAQ%3BCACJ%3B%3BAAGJ%3BCACI%3B%3BAAGJ%2CIAAI%2CKAAM%3BCACN%3B%3BAAGJ%3B%3B%3B%3BAAAA%2CkBAEI%3BCACI%3BCACA%3B%3BAAJR%2CkBAOM%3BCACE%2C4BAAA%3BCACA%3B%3BAAIJ%2CkBAAC%2COACG%2CqBAAqB%3BCACjB%3B%3BAAFR%2CkBAAC%2COAIG%2CqBAAqB%3BCACjB%3B%3BAALR%2CkBAAC%2COAOK%3BCACE%3B%3BAAKR%2CkBAAC%2CKACK%3BCACE%3B%3BAAFR%2CkBAAC%2CKAIG%2CqBAAqB%3BCACjB%3B%3BAALR%2CkBAAC%2CKAOG%2CqBAAqB%3BCACjB%3B%3BAAOZ%2CGAAG%3BCAEC%3BCACA%3BCACA%3BCACA%3B%3B%3BAALJ%2CGAAG%2CUAOC%2CIAAG%2CMAAM%3BCACL%3BCACA%3BCACA%2C4BAAA%3B%3BAAVR%2CGAAG%2CUAiBG%3BCACE%3B%3BAAlBR%2CGAAG%2CUAiBG%2CSAGE%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGA9BT%2CUAiBG%2CSAGE%2CcAMI%2CKAAI%3BCAIJ%2CGA9BT%2CUAiBG%2CSAGE%2CcAMgB%3BEAEJ%3B%3B%3BAA5BpB%2CGAAG%2CUAkCG%3B%3BCAGE%3BCACA%3BCACA%3BCACA%3B%3B%3B%3B%3BCAMA%3B%3BAA9CR%2CGAAG%2CUAkCG%2CMAcI%3BCACE%3B%3BAAjDZ%2CGAAG%2CUAkCG%2CMAiBI%3BCACE%3BCAaA%3BCACA%3B%3BAARA%3BCAAA%2CGA1DT%2CUAkCG%2CMAiBI%3BEAIM%3B%3B%3BAAMJ%2CGA7DT%2CUAkCG%2CMAiBI%2CMAUG%3BCACG%3B%3BAA9DhB%2CGAAG%2CUAkCG%2CMAmCI%3BAArEV%2CGAAG%2CUAkCG%2CMAmCW%3BCACL%3BCACA%3B%3BAAvEZ%2CGAAG%2CUAkCG%2CMAwCI%2COAAO%3BCACL%3BCACA%3BCAlNR%2CkBAAA%3BCACA%2CuBAAA%3BCACA%2C0BAAA%3BCACA%2CyBAAA%3B%3BAAmIJ%2CGAAG%2CUAkCG%2CMAwCI%2COAAO%2CUAML%2COACI%3BCACI%3B%3BAAlFpB%2CGAAG%2CUAkCG%2CMAwCI%2COAAO%2CUAWL%3BCACI%3B%3BAAIJ%2CGA1FT%2CUAkCG%2CMAwCI%2COAAO%2CUAgBJ%2COACG%3BCACI%3B%3BAAKR%2CGAjGT%2CUAkCG%2CMAwCI%2COAAO%2CUAuBJ%3BCACG%3B%3B%3BAAUZ%2CGAFD%2CKAEE%3BCAEG%2C%2BCAAA%3BCACA%3BCACA%3BCACA%22%7D */- \ No newline at end of file +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-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%3B%3B%3BAAuCA%2CGAAG%3B%3B%3BAAAH%2CGAAG%2COAEG%3BCACE%3B%3BCAGA%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCAEA%2C4BAAA%3B%3BAAGJ%2CGAjBD%2COAiBE%3BCACG%3B%3BAAlBR%2CGAAG%2COAsBC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAA7BR%2CGAAG%2COAsBC%2CIAAG%2COASC%2CKAAI%3BCACA%2CaAAa%2CaAAa%2CmBAA1B%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAAMZ%3BCACI%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CMAAC%3BCACG%2CmCAAA%3BCACA%2CqBAAA%3BCACA%2CkCAAA%3BCACA%2CoCAAA%3BCACA%3B%3BAAEJ%2CMAAC%3BCACG%2CiCAAA%3BCACA%2CsBAAA%3BCACA%2CoCAAA%3BCACA%2CmCAAA%3BCACA%3B%3BAAIR%2COAAQ%3BCACJ%3B%3BAAGJ%3BCACI%3B%3BAAGJ%2CIAAI%2CKAAM%3BCACN%3B%3BAAGJ%3B%3B%3B%3BAAAA%2CkBAEI%3BCACI%3BCACA%3B%3BAAJR%2CkBAOM%3BCACE%2C4BAAA%3BCACA%3B%3BAAIJ%2CkBAAC%2COACG%2CqBAAqB%3BCACjB%3B%3BAAFR%2CkBAAC%2COAIG%2CqBAAqB%3BCACjB%3B%3BAALR%2CkBAAC%2COAOK%3BCACE%3B%3BAAKR%2CkBAAC%2CKACK%3BCACE%3B%3BAAFR%2CkBAAC%2CKAIG%2CqBAAqB%3BCACjB%3B%3BAALR%2CkBAAC%2CKAOG%2CqBAAqB%3BCACjB%3B%3BAAQZ%3BAAAM%3BCAAO%3BCAAY%3B%3BAAEzB%2CGAAG%3BCAEC%3BCACA%3BCACA%3BCACA%3B%3B%3BAALJ%2CGAAG%2CUAOC%2CIAAG%2CMAAM%3BCACL%3BCACA%3BCACA%2C4BAAA%3B%3BAAVR%2CGAAG%2CUAiBG%3BCACE%3B%3BAAlBR%2CGAAG%2CUAiBG%2CSAGE%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGA9BT%2CUAiBG%2CSAGE%2CcAMI%2CKAAI%3BCAIJ%2CGA9BT%2CUAiBG%2CSAGE%2CcAMgB%3BEAEJ%3B%3B%3BAA5BpB%2CGAAG%2CUAkCG%3BCACE%3B%3BCAGA%3BCACA%3B%3B%3B%3B%3BCAMA%3BCACA%3B%3BAA9CR%2CGAAG%2CUAkCG%2CMAcI%3BCACE%3B%3BAAjDZ%2CGAAG%2CUAkCG%2CMAiBI%3BCACE%3BCAcA%3B%3BAARA%3BCAAA%2CGA1DT%2CUAkCG%2CMAiBI%3BEAIM%3B%3B%3BAAMJ%2CGA7DT%2CUAkCG%2CMAiBI%2CMAUG%3BCACG%3B%3BAA9DhB%2CGAAG%2CUAkCG%2CMAiBI%2CMAiBE%2CIAAG%3BCACC%3B%3BAArEhB%2CGAAG%2CUAkCG%2CMAuCI%3BAAzEV%2CGAAG%2CUAkCG%2CMAuCW%3BCACL%3BCACA%3BCACA%3BCACA%3B%3BAA7EZ%2CGAAG%2CUAkCG%2CMA8CI%2COAAO%3BCACL%3BCAGI%2CiBAAA%3BCA7NZ%2CkBAAA%3BCACA%2CuBAAA%3BCACA%2C0BAAA%3BCACA%2CyBAAA%3B%3BAAsIJ%2CGAAG%2CUAkCG%2CMA8CI%2COAAO%2CUASL%2COACI%3BCACI%3B%3BAA3FpB%2CGAAG%2CUAkCG%2CMA8CI%2COAAO%2CUAcL%3BCACI%3B%3BAAIJ%2CGAnGT%2CUAkCG%2CMA8CI%2COAAO%2CUAmBJ%2COACG%3BCACI%3B%3B%3BAAgBhB%2CGAFD%2CKAEE%3BCAEG%2C%2BCAAA%3BCACA%3BCACA%3BCACA%22%7D */+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.less b/modules/cms-ui/themes/default/style/openrat-workbench.less @@ -161,6 +161,9 @@ html.nojs .noscript { @smartphones: ~"only screen and (max-width: 55rem)"; + +html, body { width:100%; height:100%;} + div#workbench { width: 100%; @@ -179,7 +182,7 @@ div#workbench { } > header { - height: 3rem; + height: 3.0rem; .toolbar-icon { @@ -196,24 +199,24 @@ div#workbench { } > div { + flex: 1; /* Horizontale Flexbox */ display: flex; - flex: 1; flex-direction: row; - height: 100%; /* https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox Whenever you've got an element with overflow: [hidden|scroll|auto] inside of a flex item, you need to give its ancestor flex item min-width:0 (in a horizontal flex container) or min-height:0 (in a vertical flex container), to disable this min-sizing behavior, or else the flex item will refuse to shrink smaller than the child's min-content size. */ + min-width: 0; min-height: 0; > main { - flex: 2; + flex: 1; } > nav { - width: 10rem; + width: 33%; @media @smartphones { width: 3rem; @@ -226,18 +229,27 @@ div#workbench { width: 3rem; } - flex: 1; + //flex: 1; resize: horizontal; + + div.view { + height: 100%; + } } > nav, > main { + min-width: 0; + min-height: 0; overflow-y: auto; overflow-x: hidden; } > main > section { margin: 1.5em; - border: 1px; + + //&.open, &:hover { + border: 1px solid; + //} .border-radius(5px); @@ -259,7 +271,7 @@ div#workbench { // Diabled Sections are not displayed. &.disabled { - display: none; + //display: none; } } } diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.min.css b/modules/cms-ui/themes/default/style/openrat-workbench.min.css @@ -1 +1 @@ -div#dialog > .view{overflow: auto;position: absolute;top: 5%;left: 10%;width: 80%;height: 80%;z-index: 101;border: 1px solid !important}div#dialog.is-closed{display: none}div#dialog div#filler{position: absolute;z-index: 100;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5}div#dialog div#filler span.icon{font-family: 'Helvetica', 'Arial', sans-serif;opacity: 1;font-size: 3em;font-weight: bold;text-align: center;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px}.arrow{width: 0;height: 0;margin: 6px;padding: 0;font-size: 0}.arrow.arrow-down{border-right: 6px solid transparent;border-top: 6px solid;border-left: 6px solid transparent;border-bottom: 4px solid transparent;margin-top: 10px}.arrow.arrow-right{border-top: 6px solid transparent;border-left: 6px solid;border-bottom: 6px solid transparent;border-right: 4px solid transparent;margin-left: 10px}#editor .dirty{font-weight: bold}.visible-for-nojs{display: none}html.nojs .noscript{display: block}.toggle-open-close .on-click-open-close{cursor: pointer;font-weight: normal}.toggle-open-close > div{transition: height ease .5s;overflow: hidden}.toggle-open-close.closed .on-click-open-close .on-closed{display: inline}.toggle-open-close.closed .on-click-open-close .on-open{display: none}.toggle-open-close.closed > div{height: 0}.toggle-open-close.open > div{display: block}.toggle-open-close.open .on-click-open-close .on-closed{display: none}.toggle-open-close.open .on-click-open-close .on-open{display: inline}div#workbench{width: 100%;height: 100%;display: flex;flex-direction: column}div#workbench div.panel.modal{position: relative;z-index: 101;border: 1px solid !important}div#workbench > header{height: 3rem}div#workbench > header .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){div#workbench > header .toolbar-icon span.label,div#workbench > header .toolbar-icon .arrow-down{display: none}}div#workbench > div{display: flex;flex: 1;flex-direction: row;height: 100%;min-height: 0}div#workbench > div > main{flex: 2}div#workbench > div > nav{width: 10rem;flex: 1;resize: horizontal}@media only screen and (max-width: 55rem){div#workbench > div > nav{width: 3rem}}div#workbench > div > nav.closed{width: 3rem}div#workbench > div > nav,div#workbench > div > main{overflow-y: auto;overflow-x: hidden}div#workbench > div > main > section{margin: 1.5em;border: 1px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px}div#workbench > div > main > section header *{display: inline}div#workbench > div > main > section .view-toolbar{display: inline}div#workbench > div > main > section.closed .view-toolbar{display: none}div#workbench > div > main > section.disabled{display: none}div.view.loader{background: url(../images/loader.gif) no-repeat;background-position: center;opacity: 0.5;cursor: wait}- \ No newline at end of file +div#dialog > .view{overflow: auto;position: absolute;top: 5%;left: 10%;width: 80%;height: 80%;z-index: 101;border: 1px solid !important}div#dialog.is-closed{display: none}div#dialog div#filler{position: absolute;z-index: 100;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5}div#dialog div#filler span.icon{font-family: 'Helvetica', 'Arial', sans-serif;opacity: 1;font-size: 3em;font-weight: bold;text-align: center;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px}.arrow{width: 0;height: 0;margin: 6px;padding: 0;font-size: 0}.arrow.arrow-down{border-right: 6px solid transparent;border-top: 6px solid;border-left: 6px solid transparent;border-bottom: 4px solid transparent;margin-top: 10px}.arrow.arrow-right{border-top: 6px solid transparent;border-left: 6px solid;border-bottom: 6px solid transparent;border-right: 4px solid transparent;margin-left: 10px}#editor .dirty{font-weight: bold}.visible-for-nojs{display: none}html.nojs .noscript{display: block}.toggle-open-close .on-click-open-close{cursor: pointer;font-weight: normal}.toggle-open-close > div{transition: height ease .5s;overflow: hidden}.toggle-open-close.closed .on-click-open-close .on-closed{display: inline}.toggle-open-close.closed .on-click-open-close .on-open{display: none}.toggle-open-close.closed > div{height: 0}.toggle-open-close.open > div{display: block}.toggle-open-close.open .on-click-open-close .on-closed{display: none}.toggle-open-close.open .on-click-open-close .on-open{display: inline}html,body{width: 100%;height: 100%}div#workbench{width: 100%;height: 100%;display: flex;flex-direction: column}div#workbench div.panel.modal{position: relative;z-index: 101;border: 1px solid !important}div#workbench > header{height: 3.0rem}div#workbench > header .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){div#workbench > header .toolbar-icon span.label,div#workbench > header .toolbar-icon .arrow-down{display: none}}div#workbench > div{flex: 1;display: flex;flex-direction: row;min-width: 0;min-height: 0}div#workbench > div > main{flex: 1}div#workbench > div > nav{width: 33%;resize: horizontal}@media only screen and (max-width: 55rem){div#workbench > div > nav{width: 3rem}}div#workbench > div > nav.closed{width: 3rem}div#workbench > div > nav div.view{height: 100%}div#workbench > div > nav,div#workbench > div > main{min-width: 0;min-height: 0;overflow-y: auto;overflow-x: hidden}div#workbench > div > main > section{margin: 1.5em;border: 1px solid;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px}div#workbench > div > main > section header *{display: inline}div#workbench > div > main > section .view-toolbar{display: inline}div#workbench > div > main > section.closed .view-toolbar{display: none}div.view.loader{background: url(../images/loader.gif) no-repeat;background-position: center;opacity: 0.5;cursor: wait}+ \ No newline at end of file