1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Wider Select box for Helm chart installation (#803)

* Fixing typo

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fine-tuning select to show long items

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2020-09-04 10:03:18 +03:00 committed by GitHub
parent 26e031fc58
commit 7274658b51
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 3 deletions

View File

@ -25,7 +25,6 @@
.version { .version {
.Select { .Select {
width: 80px;
min-width: 80px; min-width: 80px;
white-space: nowrap; white-space: nowrap;
} }

View File

@ -22,7 +22,7 @@ export class Status extends React.Component<Props> {
const rows = [ const rows = [
["Online Status", cluster.online ? "online" : `offline (${cluster.failureReason || "unknown reason"})`], ["Online Status", cluster.online ? "online" : `offline (${cluster.failureReason || "unknown reason"})`],
["Distribution", cluster.distribution], ["Distribution", cluster.distribution],
["Kerbel Version", cluster.version], ["Kernel Version", cluster.version],
["API Address", cluster.apiUrl], ["API Address", cluster.apiUrl],
["Nodes Count", cluster.nodes || "0"] ["Nodes Count", cluster.nodes || "0"]
]; ];

View File

@ -5,7 +5,7 @@
} }
&.chart-version { &.chart-version {
min-width: 80px; min-width: 130px;
} }
} }
} }

View File

@ -70,11 +70,15 @@ html {
&__menu { &__menu {
background: var(--select-menu-bgc); background: var(--select-menu-bgc);
box-shadow: inset 0 0 0 1px var(--select-menu-border-color); box-shadow: inset 0 0 0 1px var(--select-menu-border-color);
width: max-content;
min-width: 100%;
&-list { &-list {
@include custom-scrollbar; @include custom-scrollbar;
padding-right: 1px; padding-right: 1px;
padding-left: 1px; padding-left: 1px;
width: max-content;
min-width: 100%;
} }
&-notice { &-notice {
@ -83,6 +87,8 @@ html {
} }
&__option { &__option {
white-space: nowrap;
&:active { &:active {
background: $primary; background: $primary;
} }