diff --git a/app/src/assets/scss/main/_main.scss b/app/src/assets/scss/main/_main.scss index a8d81b7b3..164cd3672 100644 --- a/app/src/assets/scss/main/_main.scss +++ b/app/src/assets/scss/main/_main.scss @@ -47,14 +47,17 @@ html { min-width: 32px; height: 100%; box-sizing: border-box; - border-radius: var(--b3-border-radius-b); - - &:hover { - background-color: var(--b3-theme-surface-light); - } } } +html[data-frontend="browser-desktop"] { + .fullscreen > .protyle-breadcrumb, + .fullscreen > .block__icons { + padding-left: calc(env(titlebar-area-x, 0px) + 8px); + padding-right: calc(100% - env(titlebar-area-width, 100%) - env(titlebar-area-x, 0px) + 8px); + height: calc(env(titlebar-area-height, 31px) + 1px); + } +} .toolbar { background-color: var(--b3-toolbar-background); @@ -66,8 +69,8 @@ html { border-bottom: .5px solid var(--b3-border-color); &--browser { - padding-left: env(titlebar-area-x, 5px); - padding-right: calc(100% - env(titlebar-area-width, 100%) - env(titlebar-area-x, -5px)); + padding-left: calc(env(titlebar-area-x, 0px) + 5px); + padding-right: calc(100% - env(titlebar-area-width, 100%) - env(titlebar-area-x, 0px) + 5px); height: calc(env(titlebar-area-height, 31px) + 1px); } diff --git a/app/src/layout/dock/Graph.ts b/app/src/layout/dock/Graph.ts index b3e7bb84b..fbbcde5a0 100644 --- a/app/src/layout/dock/Graph.ts +++ b/app/src/layout/dock/Graph.ts @@ -332,8 +332,10 @@ export class Graph extends Model { const minElement = this.element.querySelector('.block__icons .block__icon[data-type="min"]'); if (this.element.className.includes("fullscreen")) { minElement.classList.add("fn__none"); + minElement.previousElementSibling.classList.add("fn__none"); } else { minElement.classList.remove("fn__none"); + minElement.previousElementSibling.classList.remove("fn__none"); } } break;