truncate business hours day name
This commit is contained in:
parent
4b2641863d
commit
282e76d8e8
3 changed files with 6 additions and 2 deletions
|
@ -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:
|
||||
|
|
|
@ -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') %>
|
||||
|
|
|
@ -5963,6 +5963,10 @@ output {
|
|||
0 0 0 4px hsl(0,90%,70%);
|
||||
}
|
||||
|
||||
&.settings-list--fixed {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
&.settings-list--stretch {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue