Verified Commit 85469525 authored by Camil Staps's avatar Camil Staps 🚀

Do not set default CSS --control-height on multiple select boxes

Inputs are forced to have the same height in all browsers by these rules
for the case that they are displayed in a row. For multiple select boxes
this does not make much sense, as they are not typically used in a row.
It is usually more convenient to have more space to be able to see more
options. Applications can override this of course.
parent 8d07cd0c
Pipeline #48013 passed with stages
in 9 minutes and 9 seconds
......@@ -2,11 +2,11 @@
font-size: 9pt;
}
.itasks-viewport .select2-container .select2-selection {
.itasks-viewport .select2-container .select2-selection--single {
height: var(--control-height) !important;
}
.itasks-viewport .select2-container .select2-selection__rendered {
.itasks-viewport .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 9pt;
line-height: var(--control-height) !important;
}
......@@ -13,7 +13,8 @@
}
*.itasks-viewport input:not([type="checkbox"]):not([type="radio"]),
*.itasks-viewport select, *.itasks-viewport button, *.itasks-edit-document {
*.itasks-viewport select:not([multiple]),
*.itasks-viewport button, *.itasks-edit-document {
box-sizing: border-box;
height: var(--control-height);
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment