diff --git a/public/css/app.css b/public/css/app.css index ef1f65f..11277ca 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -20,6 +20,11 @@ input.checkbox-input { display: none; } +/* some selects are empty (e.g. before activating conditional options) */ +.select select[multiple] { + min-width: 10rem; +} + /** Tooltips */ @@ -295,3 +300,16 @@ div.label-smaller { border-radius: 0.25rem; } } + +/** + ** Bulma overrides + */ +.select fieldset[disabled] select, +.select select[disabled], +[disabled].input, +[disabled].textarea, +fieldset[disabled] .input, +fieldset[disabled] .select select, +fieldset[disabled] .textarea { + background-color: var(--bulma-input-disabled-placeholder-color); +} diff --git a/public/js/tooltip.js b/public/js/tooltip.js index 95360d2..e9471d5 100644 --- a/public/js/tooltip.js +++ b/public/js/tooltip.js @@ -5,7 +5,7 @@ export function tooltips() { Array.from(document.querySelectorAll('.with-tooltip .control button.tooltip-button')).forEach(function(elem) { const prev = elem.previousElementSibling; const headlines = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6']; - if (headlines.includes(prev.tagName)) { + if (prev && headlines.includes(prev.tagName)) { prev.appendChild(elem); } });