From b2b782536c18a1499bbf9a3bc93457752f3838ed Mon Sep 17 00:00:00 2001
From: Timm Fitschen <t.fitschen@indiscale.com>
Date: Wed, 6 Jul 2022 14:38:39 +0200
Subject: [PATCH] STY: Styling long selects in edit_mode
---
src/core/css/webcaosdb.css | 4 ++++
src/core/js/edit_mode.js | 4 ++--
2 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/core/css/webcaosdb.css b/src/core/css/webcaosdb.css
index e8b7b420..2644e7b3 100644
--- a/src/core/css/webcaosdb.css
+++ b/src/core/css/webcaosdb.css
@@ -620,6 +620,10 @@ input[type="file"] {
margin: 0px;
}
+.caosdb-v-property-value-inputs .bootstrap-select .dropdown-menu .inner {
+ max-height: 300px;
+}
+
.caosdb-v-property-value-inputs .caosdb-v-edit-value-list-buttons > button {
padding: 1px;
}
diff --git a/src/core/js/edit_mode.js b/src/core/js/edit_mode.js
index 43d7b198..92833771 100644
--- a/src/core/js/edit_mode.js
+++ b/src/core/js/edit_mode.js
@@ -983,10 +983,10 @@ var edit_mode = new function () {
} else if (property.datatype == "INTEGER") {
result = "<input type='number' value='" + property.value + "'></input>";
} else if (property.datatype == "BOOLEAN") {
- result = $('<select style="width:80%;display:inline;" class="selectpicker form-control caosdb-list-' + property.datatype + '"><option value=""></option><option value="FALSE">FALSE</option><option value="TRUE">TRUE</option></select>');
+ result = $('<select data-width="80%" class="selectpicker form-control caosdb-list-' + property.datatype + '"><option value=""></option><option value="FALSE">FALSE</option><option value="TRUE">TRUE</option></select>');
result.val(property.value);
} else if (property.reference || property.datatype == "FILE") {
- result = $('<select data-width="80%" data-window-padding="15" data-live-search="true" style="width:80%;display:inline;" class="selectpicker form-control caosdb-list-' + property.datatype + '" data-resolved="false"><option selected class="caosdb-f-option-default" value="' + property.value + '">' + property.value + '</option></select>');
+ result = $('<select data-width="80%" data-virtual-scroll="100" data-window-padding="15" data-live-search="true" class="selectpicker form-control caosdb-list-' + property.datatype + '" data-resolved="false"><option selected class="caosdb-f-option-default" value="' + property.value + '">' + property.value + '</option></select>');
if (typeof options !== "undefined") {
edit_mode.fill_reference_drop_down(result[0], options);
}
--
GitLab