GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-22 00:42:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: allow wrapping mobile multi-select values

Browse Source
This commit is contained in:
jxxghp
2026-07-15 12:06:01 +08:00
parent 338af516be
commit 29b4854dae
1 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/styles/common.scss
View File

@@ -611,6 +611,28 @@ html[data-theme-radius='extra'] {
white-space: nowrap;
}
.app-responsive-input__native.v-select--multiple .v-field__input {
overflow: visible;
flex-wrap: wrap;
row-gap: 0.25rem;
}
.app-responsive-input__native.v-select--multiple :is(.v-select__selection, .v-select__selection-text) {
overflow: visible;
text-overflow: clip;
white-space: normal;
}
.app-responsive-input__native.v-select--multiple .v-chip {
max-inline-size: 100%;
}
.app-responsive-input__native.v-select--multiple .v-chip__content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.app-responsive-input--field .v-field--focused,
.app-responsive-input--multiline .v-field--focused {
background-color: rgba(var(--v-theme-primary), 0.08);