1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/cluster-manager/cluster-manager.scss
Roman 55a977554d
Custom terminal fonts support (#5414)
Fixes #5132 #5133 
- bundled 7 new monospaced fonts for terminal
- fix: refresh terminal font after changing in the preferences / keep cluster iframe accessible in DOM while not active/focused
- display terminal's custom font preview with font-name in the select-box + live-preload for current `fontSize`, fix lint

* Fixes for <Input/>:
- remove duplicated error messages for sync validators
- don't propagate invalid values on change (uncontrolled components only)
- more informative error message for numeric input with min/max info
2022-06-06 18:03:12 +03:00

55 lines
1.1 KiB
SCSS

/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
.ClusterManager {
--hotbar-width: 75px;
display: grid;
grid-template-areas:
"topbar topbar"
"menu main"
"status-bar status-bar";
grid-template-rows: auto 1fr min-content;
grid-template-columns: min-content 1fr;
main {
grid-area: main;
position: relative;
display: flex;
flex-direction: column;
}
.HotbarMenu {
grid-area: menu;
}
#lens-views {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
background-color: var(--mainBackground);
iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex: 1;
// when updating font settings in the "Preferences -> Terminal" cluster's iframe
// must be accessible in DOM (e.g. elem.getBoundingClientRect() must work)
&.hidden {
opacity: 0;
pointer-events: none;
}
}
}
}