Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

invite: Remove form-horizontal class from invite modal. 

This commit removes form-horizontal class from invite_user
template. We can safely remove this class as vertical-align
property is already handled for input and select elements
by other bootstrap CSS.

For checkbox type inputs, the display property is already
set to inline-block by browser for all input elements but
it is eventually computed to "block" since float property
for this element is set to left. So, setting display
property is not necessary for checkbox input.

We add margin-bottom property CSS for now and that can
eventually be removed when we remove bootstrap CSS for
these elements completely.
This commit is contained in:
Sahil Batra 2023-01-10 14:53:01 +05:30 committed by Tim Abbott
parent a05b0b8d23
commit 48dec70099
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/styles/zulip.css
View File

@ -2480,6 +2480,12 @@ textarea.invitee_emails {
.invite-stream-controls {
margin-top: 5px;
}
/* Override undesired Bootstrap defaults. */
select,
input {
margin-bottom: 0;
}
}
#invite_status {

2
static/templates/invite_user.hbs
View File

@ -5,7 +5,7 @@
<button type="button" class="exit" aria-label="{{t 'Close' }}"><span aria-hidden="true">&times;</span></button>
<h3 id="invite-user-label">{{t "Invite users to Zulip" }}</h3>
</div>
<form id="invite_user_form" class="form-horizontal">{{ csrf_input }}
<form id="invite_user_form">{{ csrf_input }}
<div class="modal-body" data-simplebar data-simplebar-auto-hide="false">
<div class="alert" id="invite_status"></div>
{{#if development_environment}}