mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
2d0609ed24
* check source files for license header Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * tweak Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * add license header to all relevant source files Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
77 lines
2.3 KiB
SCSS
Executable File
77 lines
2.3 KiB
SCSS
Executable File
/**
|
|
* Copyright (c) 2021 OpenLens Authors
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
* this software and associated documentation files (the "Software"), to deal in
|
|
* the Software without restriction, including without limitation the rights to
|
|
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
|
* the Software, and to permit persons to whom the Software is furnished to do so,
|
|
* subject to the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in all
|
|
* copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
|
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
|
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
|
|
.MainLayout {
|
|
display: grid;
|
|
grid-template-areas:
|
|
"aside header"
|
|
"aside tabs"
|
|
"aside main"
|
|
"aside footer";
|
|
grid-template-rows: [header] var(--main-layout-header) [tabs] min-content [main] 1fr [footer] auto;
|
|
grid-template-columns: [sidebar] minmax(var(--main-layout-header), min-content) [main] 1fr;
|
|
height: 100%;
|
|
|
|
> header {
|
|
grid-area: header;
|
|
background: $layoutBackground;
|
|
padding: $padding $padding * 2;
|
|
}
|
|
|
|
> aside {
|
|
grid-area: aside;
|
|
position: relative;
|
|
background: $sidebarBackground;
|
|
white-space: nowrap;
|
|
transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
width: var(--sidebar-width);
|
|
|
|
&.compact {
|
|
position: absolute;
|
|
width: var(--main-layout-header);
|
|
height: 100%;
|
|
overflow: hidden;
|
|
|
|
&:hover {
|
|
width: var(--sidebar-width);
|
|
transition-delay: 750ms;
|
|
box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.35);
|
|
z-index: $zIndex-sidebar-hover;
|
|
}
|
|
}
|
|
}
|
|
|
|
> main {
|
|
display: contents;
|
|
|
|
> * {
|
|
grid-area: main;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
footer {
|
|
position: relative;
|
|
grid-area: footer;
|
|
min-width: 0; // restrict size when overflow content (e.g. <Dock> tabs scrolling)
|
|
}
|
|
}
|