Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add form--flexibleWidth modifier for natural width controls

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/assets/javascripts/app/views/profile/calendar_subscriptions.jst.eco
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> <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> <h3><label for="calendar-subscription-url"><%- @T('URL') %></label></h3>
<div class="form-group"> <form class="form--flexibleWidth">
<div class="controls"> <div class="form-group">
<input type="url" class="form-control js-select" readonly value="<%= @baseurl %>/ical/tickets" id="calendar-subscription-url"> <div class="controls">
<input type="url" class="form-control js-select" readonly value="<%= @baseurl %>/ical/tickets" id="calendar-subscription-url">
</div>
</div> </div>
</div> </form>
<h3><%- @T('Subscription Settings') %></h3> <h3><%- @T('Subscription Settings') %></h3>
<table class="settings-list"> <table class="settings-list">

2
app/assets/javascripts/app/views/profile/notification.jst.eco
View file

@ -2,7 +2,7 @@
<div class="page-header-title"><h1><%- @T( 'Notifications' ) %></h1></div> <div class="page-header-title"><h1><%- @T( 'Notifications' ) %></h1></div>
</div> </div>
<form div class="page-content"> <form class="page-content form--flexibleWidth">
<div class="settings-entry"> <div class="settings-entry">
<table class="settings-list"> <table class="settings-list">

2
app/assets/javascripts/app/views/profile/password.jst.eco
View file

@ -4,7 +4,7 @@
</div> </div>
</div> </div>
<div class="page-content"> <div class="page-content">
<form class="settings-entry"> <form class="settings-entry form--flexibleWidth">
<div class="password_item"></div> <div class="password_item"></div>
<button type="submit" class="btn btn--primary"><%- @T( 'Submit' ) %></button> <button type="submit" class="btn btn--primary"><%- @T( 'Submit' ) %></button>
</form> </form>

4
app/assets/stylesheets/zammad.scss
View file

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