Use Select2 for subevent and other long selections (#763)

* Use Select2 for subevent and other long selections

* Minor correction
This commit is contained in:
Raphael Michel
2018-01-26 16:47:33 +01:00
committed by GitHub
parent 1ee6e31538
commit e12caf186c
82 changed files with 8401 additions and 729 deletions

View File

@@ -250,7 +250,14 @@ label .optional {
text-align: left;
}
}
.select2-hidden-accessible {
top: 50px;
}
.large-select2-field-container .select2-container--bootstrap .select2-selection--multiple {
height: 150px;
overflow-y: auto;
}
div.scrolling-multiple-choice, div.scrolling-choice {
height: 150px;
border: 1px solid $input-border;

View File

@@ -11,6 +11,8 @@
@import "_dashboard.scss";
@import "../../pretixbase/scss/webfont.scss";
@import "../../fileupload/jquery.fileupload.scss";
@import "../../select2/select2.scss";
@import "../../select2/select2_bootstrap.scss";
@import "../../colorpicker/bootstrap-colorpicker.scss";
footer {
@@ -310,7 +312,7 @@ body.loading #wrapper {
.event-dropdown {
width: 300px;
}
.event-dropdown, .mobile-event-dropdown {
.event-dropdown, .mobile-event-dropdown, .select2-results {
.event-name-full {
display: block;
}
@@ -319,7 +321,9 @@ body.loading #wrapper {
font-size: $font-size-small;
color: $text-muted;
}
.active .event-daterange, .active .event-organizer, .active a {
.active .event-daterange, .active .event-organizer, .active a,
.select2-results__option--highlighted .event-daterange,
.select2-results__option--highlighted .event-organizer {
color: white;
}
.active {