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
className: 'settings-list settings-list--stretch settings-list--toggleColumn'
className: 'settings-list settings-list--fixed settings-list--stretch settings-list--toggleColumn'
tag: 'table'
events:

View file

@ -2,7 +2,7 @@
<tr>
<% for id, day of @days: %>
<th style="text-align: center">
<label class="day-name">
<label class="day-name u-textTruncate">
<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 %>>
<%- @Icon('checkbox', 'icon-unchecked') %>

View file

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