diff --git a/ext/riverlea/core/css/_variables.css b/ext/riverlea/core/css/_variables.css index a63ba5df2def..f3cbd68be9d9 100644 --- a/ext/riverlea/core/css/_variables.css +++ b/ext/riverlea/core/css/_variables.css @@ -436,6 +436,7 @@ --crm-f-fieldset-border: 0; --crm-f-fieldset-box-shadow: var(--crm-f-box-shadow); --crm-f-legend-position: left; /* chose 'left', 'right' or 'inherit' for browser-default of mid fieldset border */ + --crm-f-sr-legend-position: absolute; /* chose 'absolute' for inline label/input, and 'unset' for stacked. See #33491 */ --crm-f-legend-align: left; --crm-f-legend-size: var(--crm-r3); --crm-f-legend-padding: 0; diff --git a/ext/riverlea/core/css/components/_form.css b/ext/riverlea/core/css/components/_form.css index b960b2dc2d98..3dd5bfb19f70 100644 --- a/ext/riverlea/core/css/components/_form.css +++ b/ext/riverlea/core/css/components/_form.css @@ -109,6 +109,10 @@ border: 1px solid var(--crm-fieldset-border-color); border-width: var(--crm-fieldset-border); } +.crm-container fieldset.crm-sr-fieldset { + border: 0; + padding: 0; +} .crm-container fieldset legend { font-weight: bold; font-family: var(--crm-font-bold); diff --git a/ext/riverlea/core/css/components/_front.css b/ext/riverlea/core/css/components/_front.css index f4a84f362690..12ebed6885f8 100644 --- a/ext/riverlea/core/css/components/_front.css +++ b/ext/riverlea/core/css/components/_front.css @@ -14,7 +14,7 @@ } .crm-container.crm-public fieldset:not(.collapsed, .crm-inactive-dashlet-fieldset, -.af-container-style-pane), +.af-container-style-pane,.crm-sr-fieldset), .crm-container.crm-public .crm-event-info-form-block, .crm-container.crm-public #crm-profile-block, .crm-container.crm-public .crm-container.crm-public .af-container:not(.af-container-style-pane), @@ -31,6 +31,11 @@ text-align: var(--crm-f-legend-align); float: var(--crm-f-legend-position); } +.crm-container.crm-public fieldset.crm-sr-fieldset legend { + padding: 0; + font-size: inherit; + position: var(--crm-f-sr-legend-position); +} .crm-container.crm-public fieldset legend + * { clear: both; } diff --git a/ext/riverlea/streams/hackneybrook/_variables.css b/ext/riverlea/streams/hackneybrook/_variables.css index 7813facc9529..2069dce4c5be 100644 --- a/ext/riverlea/streams/hackneybrook/_variables.css +++ b/ext/riverlea/streams/hackneybrook/_variables.css @@ -141,6 +141,7 @@ --crm-f-legend-size: var(--crm-r2); --crm-f-form-width: 50vw; --crm-f-label-position: unset; /* 'unset' = stacked, 'left' = left align, in combination with width below */ + --crm-f-sr-legend-position: var(--crm-f-label-position); --crm-f-label-align: left; --crm-f-label-margin: 0 var(--crm-s); --crm-f-label-width: unset; diff --git a/ext/riverlea/streams/thames/_variables.css b/ext/riverlea/streams/thames/_variables.css index 0841c59332c6..6d28cb562429 100644 --- a/ext/riverlea/streams/thames/_variables.css +++ b/ext/riverlea/streams/thames/_variables.css @@ -477,6 +477,7 @@ --crm-f-form-padding: var(--crm-padding-reg); --crm-f-form-layout: block; /* 'grid' = inline, 'block' = stacked */ --crm-f-label-position: unset; + --crm-f-sr-legend-position: var(--crm-f-label-position); --crm-f-label-align: left; --crm-f-label-weight: bold; --crm-f-label-margin: var(--crm-s); diff --git a/ext/riverlea/streams/walbrook/_variables.css b/ext/riverlea/streams/walbrook/_variables.css index a0f6195be088..74efc1f3a264 100755 --- a/ext/riverlea/streams/walbrook/_variables.css +++ b/ext/riverlea/streams/walbrook/_variables.css @@ -230,6 +230,7 @@ --crm-f-legend-align: unset; --crm-f-legend-size: var(--crm-r2); --crm-f-label-position: unset; /* 'unset' = stacked, 'left' = left align, in combination with width below */ + --crm-f-sr-legend-position: var(--crm-f-label-position); --crm-f-label-align: left; --crm-f-label-margin: var(--crm-s); --crm-f-label-width: unset;