add form--flexibleWidth modifier for natural width controls
This commit is contained in:
parent
af13eb83f4
commit
159ff5f21a
4 changed files with 12 additions and 6 deletions
|
@ -9,11 +9,13 @@
|
|||
<p><%- @T('See your tickets from within your favorite calendar by adding the following url to your calendar app.') %></p>
|
||||
|
||||
<h3><label for="calendar-subscription-url"><%- @T('URL') %></label></h3>
|
||||
<div class="form-group">
|
||||
<div class="controls">
|
||||
<input type="url" class="form-control js-select" readonly value="<%= @baseurl %>/ical/tickets" id="calendar-subscription-url">
|
||||
<form class="form--flexibleWidth">
|
||||
<div class="form-group">
|
||||
<div class="controls">
|
||||
<input type="url" class="form-control js-select" readonly value="<%= @baseurl %>/ical/tickets" id="calendar-subscription-url">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<h3><%- @T('Subscription Settings') %></h3>
|
||||
<table class="settings-list">
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<div class="page-header-title"><h1><%- @T( 'Notifications' ) %></h1></div>
|
||||
</div>
|
||||
|
||||
<form div class="page-content">
|
||||
<form class="page-content form--flexibleWidth">
|
||||
|
||||
<div class="settings-entry">
|
||||
<table class="settings-list">
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="page-content">
|
||||
<form class="settings-entry">
|
||||
<form class="settings-entry form--flexibleWidth">
|
||||
<div class="password_item"></div>
|
||||
<button type="submit" class="btn btn--primary"><%- @T( 'Submit' ) %></button>
|
||||
</form>
|
||||
|
|
|
@ -2515,6 +2515,10 @@ ol.tabs li {
|
|||
*/
|
||||
form {
|
||||
margin: 0;
|
||||
|
||||
&.form--flexibleWidth .controls {
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
|
||||
.form-controls {
|
||||
|
|
Loading…
Reference in a new issue