Replace .btn-wrapper with Bootstrap gutters/gaps

This commit is contained in:
Anton Khorev 2024-05-26 05:38:27 +03:00
parent affa9bbf15
commit 2a657a969b
4 changed files with 6 additions and 16 deletions

View file

@ -637,16 +637,6 @@ tr.turn {
}
}
/* Bootstrap buttons don't have any vertical margin, so
they touch when adjacent buttons wrap onto a new line
e.g. wide form buttons on a narrow sidebar */
.btn-wrapper {
> .btn {
margin-bottom: $spacer * 0.25;
}
}
/* Force LTR/RTL alignment for placeholder text */
.form-control::placeholder {

View file

@ -54,11 +54,11 @@
</span>
</div>
<div class="row justify-content-between">
<div class="col-auto btn-wrapper">
<div class="row justify-content-between g-1">
<div class="col-auto">
<%= f.primary t(".save changes button") %>
</div>
<div class="col-auto btn-wrapper">
<div class="col-auto">
<%= link_to t(".delete_account"), account_deletion_path, :class => "btn btn-outline-danger" %>
</div>
</div>

View file

@ -15,7 +15,7 @@
<div class="mb-3">
<textarea class="form-control" name="text" cols="40" rows="10" maxlength="2000" placeholder="<%= t(".advice") %>"></textarea>
</div>
<div class="btn-wrapper">
<div>
<input type="submit" name="add" value="<%= t(".add") %>" disabled="1" class="btn btn-primary">
</div>
</form>

View file

@ -51,7 +51,7 @@
</div>
<div id="comment-error" class="alert alert-danger p-2 mb-3" hidden>
</div>
<div class="btn-wrapper">
<div class="d-flex flex-wrap gap-1">
<% if current_user.moderator? -%>
<%= submit_tag t(".hide"), :name => "hide", :class => "btn btn-light",
:data => { :method => "DELETE",
@ -77,7 +77,7 @@
<input type="hidden" name="text" value="" autocomplete="off">
<div id="comment-error" class="alert alert-danger p-2 mb-3" hidden>
</div>
<div class="btn-wrapper">
<div class="d-flex flex-wrap gap-1">
<% if @note.status != "hidden" and current_user and current_user.moderator? -%>
<input type="submit" name="hide" value="<%= t(".hide") %>" class="btn btn-light" data-method="DELETE" data-url="<%= api_note_url(@note, "json") %>">
<% end -%>