diff --git a/rocky/assets/css/components/form-checkbox.scss b/rocky/assets/css/components/form-checkbox.scss index 99da2f5a942..71787c7a939 100644 --- a/rocky/assets/css/components/form-checkbox.scss +++ b/rocky/assets/css/components/form-checkbox.scss @@ -1,5 +1,12 @@ form { input[type="checkbox"] { + overflow: hidden; + text-overflow: ellipsis; + + & + label { + font-weight: normal; + } + &:disabled { opacity: 1; } diff --git a/rocky/assets/css/components/form-inline.scss b/rocky/assets/css/components/form-inline.scss index 10d071d4624..a7e6f8862a6 100644 --- a/rocky/assets/css/components/form-inline.scss +++ b/rocky/assets/css/components/form-inline.scss @@ -1,3 +1,4 @@ -form.inline.layout-wide { +form.layout-wide { width: 100%; + max-width: 100%; } diff --git a/rocky/assets/css/themes/soft/manon/filter.scss b/rocky/assets/css/themes/soft/manon/filter.scss index cc7c320b7b0..595d3ef8139 100644 --- a/rocky/assets/css/themes/soft/manon/filter.scss +++ b/rocky/assets/css/themes/soft/manon/filter.scss @@ -16,10 +16,12 @@ --filter-button-icon-before-close-content: "\ea62"; } +.filter:has(form:not([hidden])) { + border-bottom: 1px solid var(--colors-grey-200); +} + .filter form { - background-color: transparent; padding: 1.5rem 2rem 2rem; - border-bottom: 1px solid var(--colors-grey-200); } /* Temporary fix, this needs to be updated after this issue has been solved in Manon */ diff --git a/rocky/assets/css/themes/soft/manon/form.scss b/rocky/assets/css/themes/soft/manon/form.scss index b8f619912fe..2614b009378 100644 --- a/rocky/assets/css/themes/soft/manon/form.scss +++ b/rocky/assets/css/themes/soft/manon/form.scss @@ -2,6 +2,11 @@ :root { --form-base-text-color: var(--application-base-text-color); + --form-base-background-color: transparent; + --form-base-padding-top: 0; + --form-base-padding-bottom: 0; + --form-base-padding-left: 0; + --form-base-max-width: 40rem; /* Accent color */ --form-accent-color-color: var(--branding-color-2); @@ -32,5 +37,33 @@ } form fieldset .checkbox input[type="checkbox"] + label { - max-width: 40rem; + max-width: var(--form-base-max-width); + text-overflow: ellipsis; + overflow: hidden; +} + +form label { + font-weight: bold; +} + +form.help fieldset { + &.column-2 { + gap: var(--layout-column-2-gap); + } + + &.column-3 { + gap: var(--layout-column-3-gap); + } + + &.column-4 { + gap: var(--layout-column-4-gap); + } +} + +.checkbox-list { + row-gap: 0; +} + +form textarea { + border-radius: var(--form-input-border-radius); } diff --git a/rocky/assets/css/themes/soft/manon/link.scss b/rocky/assets/css/themes/soft/manon/link.scss index 6238c19d40e..ac27df86efc 100644 --- a/rocky/assets/css/themes/soft/manon/link.scss +++ b/rocky/assets/css/themes/soft/manon/link.scss @@ -2,6 +2,7 @@ :root { --link-text-decoration: underline; + --link-font-weight: normal; } a { diff --git a/rocky/assets/css/vendor_overrides/manon/form-fieldset-required.scss b/rocky/assets/css/vendor_overrides/manon/form-fieldset-required.scss index 5c795ff64f9..16b8a11b26c 100644 --- a/rocky/assets/css/vendor_overrides/manon/form-fieldset-required.scss +++ b/rocky/assets/css/vendor_overrides/manon/form-fieldset-required.scss @@ -1,11 +1,14 @@ /* Form fieldset required */ form.horizontal-view div.required { + --nota-bene-height: calc( + var(--form-horizontal-view-fieldset-nota-bene-required-margin-bottom) + + 1.75rem /* Nota bene line height */ + ); + --input-height-quarter: calc(var(--form-input-min-height) * 0.25); + label { - margin-top: calc( - var(--form-horizontal-view-fieldset-nota-bene-required-margin-bottom) + - var(--form-input-min-height) / 2 - ); + margin-top: calc(var(--nota-bene-height) + var(--input-height-quarter)); } select + div + .help-button { diff --git a/rocky/assets/css/vendor_overrides/manon/form-radio.scss b/rocky/assets/css/vendor_overrides/manon/form-radio.scss index 9d8b4a1ec2a..cb84f5b90e7 100644 --- a/rocky/assets/css/vendor_overrides/manon/form-radio.scss +++ b/rocky/assets/css/vendor_overrides/manon/form-radio.scss @@ -2,4 +2,8 @@ form input[type="radio"] { margin: var(--form-radio-margin); + + & + label { + font-weight: normal; + } } diff --git a/rocky/katalogus/templates/clone_settings.html b/rocky/katalogus/templates/clone_settings.html index 5a18eab69b3..b6efa5469b4 100644 --- a/rocky/katalogus/templates/clone_settings.html +++ b/rocky/katalogus/templates/clone_settings.html @@ -11,7 +11,7 @@