tom/forkjo
tom/forkjo
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 1

[BUG] Fix mobile UI for organisation creation

Browse source 
- 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

(cherry picked from commit 610487eb83)
This commit is contained in:
Gusted 2024-07-07 01:37:38 +02:00 committed by GitHub
parent e918dd42e4
commit 46115041b8
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/org/create.tmpl
View file

@ -34,7 +34,7 @@
</div> </div>
<div class="inline field" id="permission_box"> <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="inline-grouped-list">
<div class="ui checkbox"> <div class="ui checkbox">
<input type="checkbox" name="repo_admin_change_team_access" checked> <input type="checkbox" name="repo_admin_change_team_access" checked>

2
web_src/css/form.css
View file

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