hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fine-tuning Cluster Overview css

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-10-21 14:22:58 +03:00
parent 5bdebfda43
commit 6b6fdbd16e
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/renderer/components/+cluster/cluster-issues.scss
View File

@ -22,12 +22,18 @@
.ClusterIssues { .ClusterIssues {
min-height: 350px; min-height: 350px;
position: relative; position: relative;
grid-column-start: 1; grid-area: issues;
grid-column-end: 3;
@include media("<1024px") { &.OnlyClusterIssues {
grid-column-start: 1!important; grid-row: row1-start / row2-end;
grid-column-end: 1!important; }
@media (max-width: 1150px) {
grid-area: unset;
&.OnlyClusterIssues {
grid-row: auto;
}
} }
.SubHeader { .SubHeader {
@ -73,7 +79,3 @@
} }
} }
} }
.OnlyClusterIssues {
grid-row: row1-start / row2-end;
}

11
src/renderer/components/+cluster/cluster-overview.scss
View File

@ -27,13 +27,18 @@
min-height: 650px; min-height: 650px;
display: grid; display: grid;
grid-gap: $gridGap; grid-gap: $gridGap;
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); grid-template-areas:
"barcharts piechars"
"issues issues";
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
grid-template-rows: grid-template-rows:
[row1-start] 1fr [row1-start] 1fr
[row2-start] 1fr; [row2-start] 1fr;
@include media(">1600px") { @media (max-width: 1150px) {
grid-template-columns: 1fr 1fr; grid-template-columns: minmax(500px, 1fr);
grid-template-rows: 1fr;
grid-template-areas: none;
} }
> *:not(.Spinner) { > *:not(.Spinner) {