[BUG] Fix mobile UI for organisation creation

- Don't make checkpoints or radio inputs full width on a small screen,
these obviously shouldn't try to take up the whole width of a container.
- Wrap the label for organisation permission box inside a `<span
class="inline field">`, so it gets a left-margin from the `.inline.field
> :first-child` selector. This make the checkboxes and radio buttons
groups look indented from the left.
- Resolves #4361
This commit is contained in:
Gusted 2024-07-07 01:37:38 +02:00
parent 3ff661fe9e
commit 610487eb83
No known key found for this signature in database
GPG key ID: FD821B732837125F
2 changed files with 2 additions and 2 deletions

View file

@ -34,7 +34,7 @@
</div>
<div class="inline field" id="permission_box">
<label>{{ctx.Locale.Tr "org.settings.permission"}}</label>
<span class="inline field"><label>{{ctx.Locale.Tr "org.settings.permission"}}</label></span>
<div class="inline-grouped-list">
<div class="ui checkbox">
<input type="checkbox" name="repo_admin_change_team_access" checked>

View file

@ -466,7 +466,7 @@ textarea:focus,
margin-bottom: 1em;
width: 100%;
}
.new.org .ui.form .field input {
.new.org .ui.form .field input:not([type="checkbox"], [type="radio"]) {
width: 100% !important;
}
}