Browse Source
Dynamic control bar width
Signed-off-by: Marin Treselj <marin@pixelipo.com>tags/v13.0.0beta4
Marin Treselj
6 years ago
2 changed files with 2 additions and 12 deletions
+ 0
- 2
core/css/mobile.scss
View File
| /* position controls for apps with app-navigation */ | /* position controls for apps with app-navigation */ | ||||
| #app-navigation+#app-content #controls { | #app-navigation+#app-content #controls { | ||||
| left: 0 !important; | |||||
| padding-left: 44px; | padding-left: 44px; | ||||
| width: 100%; | |||||
| } | } | ||||
| /* .viewer-mode is when text editor, PDF viewer, etc is open */ | /* .viewer-mode is when text editor, PDF viewer, etc is open */ |
+ 2
- 10
core/css/styles.scss
View File
| #controls { | #controls { | ||||
| box-sizing: border-box; | box-sizing: border-box; | ||||
| position: fixed; | |||||
| top: 45px; | |||||
| right: 0; | |||||
| left: 0; | |||||
| position: relative; | |||||
| height: 44px; | height: 44px; | ||||
| width: calc(100% - 250px); | |||||
| padding: 0; | padding: 0; | ||||
| margin: 0; | margin: 0; | ||||
| background-color: rgba($color-main-background, 0.95); | background-color: rgba($color-main-background, 0.95); | ||||
| -moz-user-select: none; | -moz-user-select: none; | ||||
| -ms-user-select: none; | -ms-user-select: none; | ||||
| user-select: none; | user-select: none; | ||||
| display: inline-flex; | |||||
| display: flex; | |||||
| } | } | ||||
| /* position controls for apps with app-navigation */ | /* position controls for apps with app-navigation */ | ||||
| #app-navigation + #app-content #controls { | |||||
| left: 250px; | |||||
| } | |||||
| .viewer-mode #app-navigation + #app-content #controls { | .viewer-mode #app-navigation + #app-content #controls { | ||||
| left: 0; | left: 0; | ||||
| } | } |
Loading…