diff --git a/templates/css/stylesheet.php b/templates/css/stylesheet.php index 23a31f3..2c3226a 100644 --- a/templates/css/stylesheet.php +++ b/templates/css/stylesheet.php @@ -22,13 +22,13 @@ } - + #nextcloud { display: none; } - + .side-menu-logo { display: none; } @@ -114,43 +114,3 @@ font-size: 16px; } - - - - #header, body { - width: calc(100% - 50px) !important; - } - - body { - position: absolute; - left: 50px; - } - - #side-menu { - display: block; - } - - .side-menu-apps-list { - top: 49px; - } - - #side-menu, .side-menu-header, .side-menu-apps-list { - width: 50px; - } - - #side-menu .side-menu-app-text, #header .side-menu-opener, .side-menu-logo { - display: none; - } - - #side-menu.open, #side-menu.open .side-menu-apps-list, #side-menu.open .side-menu-header { - width: 100%; - } - - #side-menu:hover, #side-menu:hover .side-menu-apps-list, #side-menu:hover .side-menu-header{ - width: 100%; - } - - #side-menu.open .side-menu-app-text, #side-menu:hover .side-menu-app-text { - display: inline; - } - diff --git a/templates/js/_alwaysDisplayed.js b/templates/js/_alwaysDisplayed.js new file mode 100644 index 0000000..3ffbbc8 --- /dev/null +++ b/templates/js/_alwaysDisplayed.js @@ -0,0 +1,44 @@ +var alwaysDisplayed = function() { + var elements = document.querySelectorAll('*'); + var fixedElements = [] + + for (var i in elements) { + var element = elements[i] + + if (typeof element !== 'object') { + continue + } + + var position = window.getComputedStyle(element, null).getPropertyValue('position'); + + if (position !== 'fixed') { + continue + } + + var id = element.getAttribute('id') + + if (id === 'header' || id === 'side-menu' || id === 'side-menu-loader') { + continue + } + + if (element.classList.contains('oc-dialog')) { + continue + } + + if (jQuery(element).parents('#side-menu').length) { + continue + } + + fixedElements.push(element) + } + + for (var i in fixedElements) { + var element = fixedElements[i] + var value = window.getComputedStyle(element, null).getPropertyValue('left') + var intValue = parseInt(value.replace('px', '')) + + element.style.setProperty('transform', 'translateX(' + (intValue + 50) + 'px)') + } +} + +alwaysDisplayed() diff --git a/templates/js/script.php b/templates/js/script.php index 90f3549..f6e73d5 100644 --- a/templates/js/script.php +++ b/templates/js/script.php @@ -1,8 +1,9 @@ (function() { - var sideMenuContainer = $('