references/openproject
1
0
Fork 0
mirror of https://github.com/opf/openproject.git synced 2026-06-14 03:30:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Indent caption, aligning with label text

Browse Source 
This aligns caption styling closer with standard Primer radio button and
checkbox groups.
This commit is contained in:
Alexander Brandon Coles
2025-11-15 21:51:32 -03:00
parent cc0c23976f
commit 6f69140470
3 changed files with 7 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/global_styles/openproject/_forms.sass
+3 -6
View File
@@ -211,15 +211,12 @@ input[type="number"]
.FormControl-advanced-checkbox-content,
.FormControl-advanced-radio-content
display: grid
grid-template-columns: auto min-content
grid-template-columns: min-content auto min-content
gap: var(--base-size-8)
padding: var(--base-size-12)
.FormControl-advanced-checkbox-label-row,
.FormControl-advanced-radio-label-row
display: inline-grid
grid-template-columns: min-content auto
gap: var(--base-size-8)
.FormControl-advanced-checkbox-label-text,
.FormControl-advanced-radio-label-text
color: var(--fgColor-accent)
.FormControl-advanced-checkbox-icon,
lib/primer/open_project/forms/advanced_check_box.html.erb
+2 -4
View File
@@ -1,11 +1,9 @@
<%= content_tag(:div, class: "FormControl-advanced-checkbox-wrap", hidden: @input.hidden?) do %>
<%= builder.label(@input.name, **@input.label_arguments) do %>
<div class="FormControl-advanced-checkbox-content">
<%= builder.check_box(@input.name, @input.input_arguments, checked_value, unchecked_value) %>
<div>
<div class="FormControl-advanced-checkbox-label-row">
<%= builder.check_box(@input.name, @input.input_arguments, checked_value, unchecked_value) %>
<%= @input.label %>
</div>
<div class="FormControl-advanced-checkbox-label-text"><%= @input.label %></div>
<% if @input.form_control? %>
<div class="mt-1">
<%= render(Caption.new(input: @input)) %>
lib/primer/open_project/forms/advanced_radio_button.html.erb
+2 -4
View File
@@ -1,11 +1,9 @@
<%= content_tag(:div, class: "FormControl-advanced-radio-wrap", hidden: @input.hidden?) do %>
<%= builder.label(@input.name, value: @input.value, **@input.label_arguments) do %>
<div class="FormControl-advanced-radio-content">
<%= builder.radio_button(@input.name, @input.value, **@input.input_arguments) %>
<div>
<div class="FormControl-advanced-radio-label-row">
<%= builder.radio_button(@input.name, @input.value, **@input.input_arguments) %>
<%= @input.label %>
</div>
<div class="FormControl-advanced-radio-label-text"><%= @input.label %></div>
<% if @input.form_control? %>
<div class="mt-1">
<%= render(Caption.new(input: @input)) %>