increase text color contrast
This commit is contained in:
parent
cf00f552c4
commit
7716061fe7
4 changed files with 8 additions and 4 deletions
|
@ -302,6 +302,7 @@ class Table extends App.Controller
|
||||||
groupBy: @overview.group_by
|
groupBy: @overview.group_by
|
||||||
orderBy: @overview.order.by
|
orderBy: @overview.order.by
|
||||||
orderDirection: @overview.order.direction
|
orderDirection: @overview.order.direction
|
||||||
|
class: 'table--light'
|
||||||
bindRow:
|
bindRow:
|
||||||
events:
|
events:
|
||||||
'click': openTicket
|
'click': openTicket
|
||||||
|
|
|
@ -57,6 +57,7 @@ class Index extends App.Controller
|
||||||
display: 'Action'
|
display: 'Action'
|
||||||
className: 'actionCell'
|
className: 'actionCell'
|
||||||
translation: true
|
translation: true
|
||||||
|
width: '222px'
|
||||||
header.push attribute
|
header.push attribute
|
||||||
header
|
header
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="tabs wide-tabs js-tabs">
|
<div class="tabs tabs--inline tabs--big js-tabs">
|
||||||
<% if @items: %>
|
<% if @items: %>
|
||||||
<% for item in @items: %>
|
<% for item in @items: %>
|
||||||
<a class="tab js-tab<%= ' active' if item.active %>" href="<%= item.target %>">
|
<a class="tab js-tab<%= ' active' if item.active %>" href="<%= item.target %>">
|
||||||
|
@ -20,7 +20,7 @@
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
<% if @items: %>
|
<% if @items: %>
|
||||||
<div class="tabs wide-tabs u-invisible js-tabsClone">
|
<div class="tabs tabs--big u-invisible js-tabsClone">
|
||||||
<% for item in @items: %>
|
<% for item in @items: %>
|
||||||
<a class="tab js-tabClone<%= ' active' if item.active %>" href="<%= item.target %>">
|
<a class="tab js-tabClone<%= ' active' if item.active %>" href="<%= item.target %>">
|
||||||
<span class="tab-name"><%- @T(item.name) %></span>
|
<span class="tab-name"><%- @T(item.name) %></span>
|
||||||
|
|
|
@ -27,7 +27,7 @@ body {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
background: hsl(210,14%,97%);
|
background: hsl(210,14%,97%);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: hsl(198,19%,72%);
|
color: hsl(60,1%,34%);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -41,7 +41,6 @@ use {
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 14px 0;
|
margin: 14px 0;
|
||||||
color: hsl(60,1%,34%);
|
|
||||||
|
|
||||||
&.subtle {
|
&.subtle {
|
||||||
color: hsl(60,1%,74%);
|
color: hsl(60,1%,74%);
|
||||||
|
@ -696,6 +695,9 @@ table {
|
||||||
|
|
||||||
.table {
|
.table {
|
||||||
display: table;
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table--light {
|
||||||
color: hsl(198,19%,72%);
|
color: hsl(198,19%,72%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue