Merge pull request #16182 from Snuffleupagus/inset-block

Introduce `inset-block` usage in the viewer CSS
This commit is contained in:
Jonas Jenwald 2023-03-22 12:59:10 +01:00 committed by GitHub
commit 076bb30b6c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -258,8 +258,7 @@ body {
#sidebarContainer { #sidebarContainer {
position: absolute; position: absolute;
top: 32px; inset-block: 32px 0;
bottom: 0;
inset-inline-start: calc(-1 * var(--sidebar-width)); inset-inline-start: calc(-1 * var(--sidebar-width));
width: var(--sidebar-width); width: var(--sidebar-width);
visibility: hidden; visibility: hidden;
@ -287,8 +286,7 @@ body {
} }
#sidebarContent { #sidebarContent {
top: 32px; inset-block: 32px 0;
bottom: 0;
inset-inline-start: 0; inset-inline-start: 0;
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -354,8 +352,7 @@ body {
#sidebarResizer { #sidebarResizer {
position: absolute; position: absolute;
top: 0; inset-block: 0;
bottom: 0;
inset-inline-end: -6px; inset-inline-end: -6px;
width: 6px; width: 6px;
z-index: 200; z-index: 200;
@ -1166,8 +1163,7 @@ a.secondaryToolbarButton[href="#"] {
#layersView { #layersView {
position: absolute; position: absolute;
width: calc(100% - 8px); width: calc(100% - 8px);
top: 0; inset-block: 0;
bottom: 0;
padding: 4px 4px 0; padding: 4px 4px 0;
overflow: auto; overflow: auto;
user-select: none; user-select: none;