rancher
/
dashboard
mirror of https://github.com/rancher/dashboard.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix multi select styling (#7843) 

* Fix multi select styling so that the form field expands if not all items fit into a single line anymore.

Fixes https://github.com/rancher/dashboard/issues/7842

Signed-off-by: Bastian Hofmann <mail@bastianhofmann.de>

* Remove duplication in _select.scss

* Fix select heights in ContainerLogs, ContainerShell, ApplicationLogs and ApplicationShell components

Signed-off-by: Bastian Hofmann <mail@bastianhofmann.de>

Signed-off-by: Bastian Hofmann <mail@bastianhofmann.de>
This commit is contained in:
Bastian Hofmann 2023-01-13 00:01:07 +01:00 committed by GitHub
parent c48018fa60
commit d6bbae46a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
pkg/epinio/windowComponents/ApplicationLogs.vue
View File

@ -460,6 +460,7 @@ export default {
display: inline-block; display: inline-block;
min-width: 200px; min-width: 200px;
height: 30px; height: 30px;
min-height: 30px;
width: initial; width: initial;
} }
} }

1
pkg/epinio/windowComponents/ApplicationShell.vue
View File

@ -355,6 +355,7 @@ export default {
display: inline-block; display: inline-block;
min-width: 200px; min-width: 200px;
height: 30px; height: 30px;
min-height: 30px;
width: initial; width: initial;
} }
} }

5
shell/assets/styles/global/_select.scss
View File

@ -9,16 +9,13 @@
} }
.unlabeled-select:not(.in-input) { .unlabeled-select:not(.in-input) {
height: $unlabeled-input-height; min-height: $unlabeled-input-height;
} }
.col { .col {
> .unlabeled-select:not(.taggable) { > .unlabeled-select:not(.taggable) {
padding-top: 5px; padding-top: 5px;
} }
} }
.unlabeled-select:not(.in-input) {
height: $unlabeled-input-height;
}
.labeled-select, .labeled-select,
.unlabeled-select { .unlabeled-select {

1
shell/components/nav/WindowManager/ContainerLogs.vue
View File

@ -631,6 +631,7 @@ export default {
display: inline-block; display: inline-block;
min-width: 200px; min-width: 200px;
height: 30px; height: 30px;
min-height: 30px;
width: initial; width: initial;
} }
} }

1
shell/components/nav/WindowManager/ContainerShell.vue
View File

@ -441,6 +441,7 @@ export default {
display: inline-block; display: inline-block;
min-width: 200px; min-width: 200px;
height: 30px; height: 30px;
min-height: 30px;
width: initial; width: initial;
} }
} }