add form--flexibleWidth modifier for natural width controls

This commit is contained in:
Felix Niklas 2016-02-18 16:09:01 +01:00
parent af13eb83f4
commit 159ff5f21a
4 changed files with 12 additions and 6 deletions

View file

@ -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">

View file

@ -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">

View file

@ -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>

View file

@ -2515,6 +2515,10 @@ ol.tabs li {
*/
form {
margin: 0;
&.form--flexibleWidth .controls {
display: table;
}
}
.form-controls {