From 11631687ff6623650cbe877080b873bfd597c746 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Sat, 4 Jan 2025 20:04:02 +0200 Subject: [PATCH] feat(client): add transparent background for status bar on tablets with desktop view --- src/public/stylesheets/style.css | 13 ++++++++++++- src/public/stylesheets/theme-next/shell.css | 4 ++++ src/views/desktop.ejs | 3 +++ 3 files changed, 19 insertions(+), 1 deletion(-) diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 122cd816d..291718487 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -55,7 +55,18 @@ body.mobile.context-menu-shown * { -webkit-user-select: none !important; } -#root-widget { +body.mobile #root-widget { + padding-top: env(safe-area-inset-top); +} + +body.desktop #root-widget.horizontal-layout { + padding-top: env(safe-area-inset-top); + background-color: var(--launcher-pane-background-color); +} + +body.desktop #root-widget.vertical-layout #launcher-pane, +body.desktop #root-widget.vertical-layout #left-pane, +body.desktop #root-widget.vertical-layout #rest-pane { padding-top: env(safe-area-inset-top); } diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index c63dcf1d8..aa0b26964 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -688,6 +688,10 @@ body.layout-horizontal .tab-row-widget-container { overflow: hidden; } +body.desktop #root-widget.horizontal-layout { + background-color: var(--root-background) !important; +} + #root-widget.horizontal-layout .tab-row-widget .note-tab .note-tab-wrapper { border: 1px solid transparent; border-bottom-color: transparent; diff --git a/src/views/desktop.ejs b/src/views/desktop.ejs index da48eb497..514f72695 100644 --- a/src/views/desktop.ejs +++ b/src/views/desktop.ejs @@ -3,6 +3,9 @@ + + + TriliumNext Notes