update card column in queue

This commit is contained in:
Aung Myo
2017-06-28 23:45:28 +06:30
parent 58e95e573e
commit 173d824c27
2 changed files with 12 additions and 4 deletions

View File

@@ -13,12 +13,12 @@
.selected-item {
color: #fff !important;
background-color: #ccc !important;
background-color: #54A5AF !important;
}
.assign {
color: #fff !important;
background-color: red;
background-color: #009900;
}
.assign .text-muted{
color: #fff !important;
@@ -29,7 +29,7 @@
}
.green{
color: #fff !important;
background-color: green;
background-color: #009900;
}
.required abbr{
color: red !important;
@@ -37,3 +37,11 @@
.jconfirm-box-container{
margin-left:-40px !important
}
.card-columns {
@include media-breakpoint-only(lg) {
column-count: 6;
}
@include media-breakpoint-only(xl) {
column-count: 6;
}
}

View File

@@ -20,7 +20,7 @@
<div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
<% @i =0 %>
<% @dining_queues.each do |queue| %>
<div class="card select-queue <%= !queue.status.nil? ? "assign" : ""%>" data-id="<%= queue.id %>">
<div class="card select-queue <%= !queue.status.nil? ? "assign" : ""%>" data-id="<%= queue.id %>" style="width: 17.5rem;">
<div class="card-block">
<p class="hidden queue-id"><%= queue.id %></p>
<p class="hidden queue-status"><%= queue.status %></p>