git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update card column in queue

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/stylesheets/CRM.scss
View File

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

2
app/views/crm/dining_queues/index.html.erb
View File

@@ -20,7 +20,7 @@
<div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;"> <div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
<% @i =0 %> <% @i =0 %>
<% @dining_queues.each do |queue| %> <% @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"> <div class="card-block">
<p class="hidden queue-id"><%= queue.id %></p> <p class="hidden queue-id"><%= queue.id %></p>
<p class="hidden queue-status"><%= queue.status %></p> <p class="hidden queue-status"><%= queue.status %></p>