diff --git a/frontend/src/app/main/ui/inspect/code.scss b/frontend/src/app/main/ui/inspect/code.scss index 11257db66d..7f88871edc 100644 --- a/frontend/src/app/main/ui/inspect/code.scss +++ b/frontend/src/app/main/ui/inspect/code.scss @@ -14,7 +14,6 @@ padding-bottom: deprecated.$s-16; overflow-y: auto; overflow-x: hidden; - scrollbar-gutter: stable; padding-inline: var(--sp-m); } diff --git a/frontend/src/app/main/ui/inspect/right_sidebar.scss b/frontend/src/app/main/ui/inspect/right_sidebar.scss index 84ec4ec31b..d3dede9ffa 100644 --- a/frontend/src/app/main/ui/inspect/right_sidebar.scss +++ b/frontend/src/app/main/ui/inspect/right_sidebar.scss @@ -30,8 +30,8 @@ .tool-windows { block-size: 100%; - display: flex; - flex-direction: column; + display: grid; + grid-template-rows: auto 1fr; gap: var(--sp-s); } @@ -150,7 +150,6 @@ } .inspect-content { - flex: 1; overflow: hidden; } @@ -158,6 +157,5 @@ --tabs-nav-padding-inline-start: 0; --tabs-nav-padding-inline-end: var(--sp-m); - block-size: calc(100vh - px2rem(200)); // TODO: Fix this hardcoded value overflow: auto; } diff --git a/frontend/src/app/main/ui/inspect/styles.scss b/frontend/src/app/main/ui/inspect/styles.scss new file mode 100644 index 0000000000..1c1c4e6871 --- /dev/null +++ b/frontend/src/app/main/ui/inspect/styles.scss @@ -0,0 +1,11 @@ +// This Source Code Form is subject to the terms of the Mozilla Public +// License, v. 2.0. If a copy of the MPL was not distributed with this +// file, You can obtain one at http://mozilla.org/MPL/2.0/. +// +// Copyright (c) KALEIDOS INC + +@use "ds/_utils.scss" as *; + +.styles-tab { + block-size: calc(100vh - px2rem(200)); // TODO: Fix this hardcoded value +}