Eva Marco bb65782d08
🎉 Add sidebar css variables (#7645)
* 🎉 Add sidebar css variables

* 🎉 Explain more in depth the grid structure
2025-11-05 14:06:26 +01:00

54 lines
1.1 KiB
SCSS

// 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 "refactor/common-refactor.scss" as deprecated;
.inspect-svg-wrapper {
@include deprecated.flexCenter;
position: relative;
flex-direction: column;
flex: 1;
width: 100%;
height: 100%;
overflow: hidden;
}
.inspect-svg-container {
display: grid;
align-items: center;
justify-content: safe center;
width: 100%;
height: 100%;
margin: 0 auto;
overflow: auto;
}
.sidebar-container {
position: relative;
align-self: flex-start;
width: var(--right-sidebar-width);
background-color: var(--panel-background-color);
border-top: deprecated.$s-1 solid var(--search-bar-input-border-color);
}
.not-expand {
max-width: var(--right-sidebar-width);
}
.expanded {
width: var(--right-sidebar-width, var(--right-sidebar-width));
}
.resize-area {
position: absolute;
left: 0;
width: deprecated.$s-8;
height: 100%;
z-index: deprecated.$z-index-10;
cursor: ew-resize;
}