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
|
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:
|
||||||
|
|
|
@ -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') %>
|
||||||
|
|
|
@ -5963,6 +5963,10 @@ output {
|
||||||
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%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue