Add height limit to global WI picker Closes #4278

13ed0d3ad94dd48f52c37fe86bcbd99875929c47

Cohee <18619528+Cohee1207@users.noreply.github.com>

2 files changed, +11 -0Showing whitespace changes
public/css/select2-overrides.css+5 -0
@@ -22,6 +22,7 @@
22 position: absolute;22 position: absolute;
23 right: 5px;23 right: 5px;
24 margin-top: 0; /* compensate for the increased font size */24 margin-top: 0; /* compensate for the increased font size */
25 margin-right: 0;
25}26}
2627
27.select2-container .select2-search--inline textarea.select2-search__field {28.select2-container .select2-search--inline textarea.select2-search__field {
@@ -96,6 +97,10 @@
96 font-family: var(--mainFontFamily);97 font-family: var(--mainFontFamily);
97}98}
9899
100.select2-container .select2-selection--multiple.select2-selection--clearable {
101 padding-right: 20px;
102}
103
99.select2-container.select2-container--focus .select2-selection--multiple,104.select2-container.select2-container--focus .select2-selection--multiple,
100.select2-container.select2-container--focus .select2-selection--single {105.select2-container.select2-container--focus .select2-selection--single {
101 border: 1px solid var(--SmartThemeBorderColor);106 border: 1px solid var(--SmartThemeBorderColor);
public/css/world-info.css+6 -0
@@ -285,3 +285,9 @@ select.keyselect+span.select2-container .select2-selection--multiple {
285.world_entry:has(input[name="delay_until_recursion"]:not(:checked)) .world_entry_form_control:has(input[name="delayUntilRecursionLevel"]) {285.world_entry:has(input[name="delay_until_recursion"]:not(:checked)) .world_entry_form_control:has(input[name="delayUntilRecursionLevel"]) {
286 display: none;286 display: none;
287}287}
288
289#WIMultiSelector .select2-container .select2-selection--multiple {
290 max-height: 25vh;
291 overflow-y: auto;
292 overflow-x: hidden;
293}