truncate business hours day name

This commit is contained in:
Felix Niklas 2015-09-30 16:39:07 +02:00
parent 4b2641863d
commit 282e76d8e8
3 changed files with 6 additions and 2 deletions

View file

@ -1,6 +1,6 @@
class App.BusinessHours extends Spine.Controller class App.BusinessHours extends Spine.Controller
className: 'settings-list settings-list--stretch settings-list--toggleColumn' className: 'settings-list settings-list--fixed settings-list--stretch settings-list--toggleColumn'
tag: 'table' tag: 'table'
events: events:

View file

@ -2,7 +2,7 @@
<tr> <tr>
<% for id, day of @days: %> <% for id, day of @days: %>
<th style="text-align: center"> <th style="text-align: center">
<label class="day-name"> <label class="day-name u-textTruncate">
<span class="checkbox-replacement checkbox-replacement--inline"> <span class="checkbox-replacement checkbox-replacement--inline">
<input class="js-toggle-day" name="<%= @attribute.name %>::<%- id %>::active" value="true" data-target="<%- id %>" type="checkbox"<%- ' checked' if @hours[id].active %>> <input class="js-toggle-day" name="<%= @attribute.name %>::<%- id %>::active" value="true" data-target="<%- id %>" type="checkbox"<%- ' checked' if @hours[id].active %>>
<%- @Icon('checkbox', 'icon-unchecked') %> <%- @Icon('checkbox', 'icon-unchecked') %>

View file

@ -5962,6 +5962,10 @@ output {
0 0 0 2px white, 0 0 0 2px white,
0 0 0 4px hsl(0,90%,70%); 0 0 0 4px hsl(0,90%,70%);
} }
&.settings-list--fixed {
table-layout: fixed;
}
&.settings-list--stretch { &.settings-list--stretch {
width: 100%; width: 100%;