From 228ca16bea8a39d50c0085d04396713763cdb288 Mon Sep 17 00:00:00 2001 From: Marin Treselj Date: Wed, 13 Dec 2017 14:49:11 +0100 Subject: [PATCH] Dynamic control bar width Signed-off-by: Marin Treselj --- core/css/mobile.scss | 2 -- core/css/styles.scss | 12 ++---------- 2 files changed, 2 insertions(+), 12 deletions(-) diff --git a/core/css/mobile.scss b/core/css/mobile.scss index 1951847998..6f1583cb77 100644 --- a/core/css/mobile.scss +++ b/core/css/mobile.scss @@ -83,9 +83,7 @@ /* position controls for apps with app-navigation */ #app-navigation+#app-content #controls { - left: 0 !important; padding-left: 44px; - width: 100%; } /* .viewer-mode is when text editor, PDF viewer, etc is open */ diff --git a/core/css/styles.scss b/core/css/styles.scss index 5474b41a2b..54775f67f6 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -223,12 +223,8 @@ body { #controls { box-sizing: border-box; - position: fixed; - top: 45px; - right: 0; - left: 0; + position: relative; height: 44px; - width: calc(100% - 250px); padding: 0; margin: 0; background-color: rgba($color-main-background, 0.95); @@ -237,15 +233,11 @@ body { -moz-user-select: none; -ms-user-select: none; user-select: none; - display: inline-flex; + display: flex; } /* position controls for apps with app-navigation */ -#app-navigation + #app-content #controls { - left: 250px; -} - .viewer-mode #app-navigation + #app-content #controls { left: 0; }