Commit 8f31628f authored by prumde's avatar prumde

Updated

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@205948 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 70db89cc
......@@ -94,6 +94,7 @@
.quicklink-dashboard {
display: block;
position: relative;
border-radius: 2px;
}
.quicklink-dashboard .qd-header {
......@@ -101,17 +102,18 @@
background: #465775;
color: #fff;
text-align: center;
margin: 5px;
padding: 5px;
margin: auto;
padding: 0;
border-radius: 4px;
width: calc(100% - 8px);
}
.quicklink-dashboard .qd-header-content {
display: block;
color: #fff;
text-align: center;
margin: 10px;
padding: 16px 8px;
margin: 4px;
padding: 16px;
}
.quicklink-dashboard .icon-circle {
......@@ -129,11 +131,6 @@
height: 24px;
}
.quicklink-dashboard {
display: block;
position: relative;
border-radius: 2px;
}
.quicklink {
display: block;
......@@ -141,7 +138,6 @@
margin: 4px;
border-radius: 4px;
cursor: pointer;
padding: 0 0.2em 1em 0;
height: 200px;
padding: 0px !important;
}
......@@ -233,16 +229,16 @@
.quick-row,
.kpi-row {
margin: 0 0.5em;
margin: auto;
padding: 0;
}
.kpi-box {
text-align: unset;
height: 9.375rem;
height: 160px;
box-shadow: 0 0 1px #ccc;
position: relative;
margin: .15em;
margin: 4px;
display: inline-block;
color: #fff;
padding: 0px !important;
......@@ -252,11 +248,11 @@
.kpi-icon {
color: #fff;
width: 9em;
height: 9em;
width: 96px;
height: 96px;
padding: 0;
background-color: rgba(0,0,0,.1);
margin: 3em;
margin: 32px 16px;
border-radius: 50%;
display: inline-block;
float: left;
......@@ -264,27 +260,31 @@
.kpi-icon img {
text-align: center;
height: 4.5em;
width: 4.5em;
margin: 2.25em;
height: 48px;
width: 48px;
margin: 24px;
}
.kpi-info {
display: inline-block;
height: calc( 100% - 4em );
width: calc( 100% - 15em );
padding: 2em 0;
display: grid;
height: 144px;
align-items: center;
width: calc( 100% - 128px );
padding: 8px 0;
}
.kpi-title {
color: #fff;
padding: 0;
font-size: 3em;
font-size: 18px;
width: 100%;
align-self: end;
}
.kpi-count-summary {
display: inline-flex;
align-items: baseline;
align-self: start;
}
.kpi-count {
......@@ -310,43 +310,43 @@
@media (min-width:320px) {
.kpi-card {
width: calc(100% - 5px) ;
width: calc(100% - 8px) ;
}
.quick-card {
width: calc(100% - 12px) ;
width: calc(100% - 8px) ;
}
}
@media (min-width:576px) {
.kpi-card {
width: calc(50% - 5px) ;
width: calc(50% - 8px) ;
}
.quick-card {
width: calc(50% - 12px) ;
width: calc(50% - 8px) ;
}
}
@media (min-width:768px) {
.kpi-card {
width: calc(25% - 5px) ;
width: calc(25% - 8px) ;
}
.quick-card {
width: calc(50% - 12px) ;
width: calc(50% - 8px) ;
}
}
@media (min-width:992px) {
.kpi-card {
width: calc(25% - 5px) ;
width: calc(25% - 8px) ;
}
.quick-card {
width: calc(33.33333% - 12px) ;
width: calc(33.33333% - 8px) ;
}
}
@media (min-width:1200px) {
.kpi-card {
width: calc(25% - 5px) ;
width: calc(25% - 8px) ;
}
.quick-card {
width: calc(33.33333% - 12px) ;
width: calc(33.33333% - 8px) ;
}
}
......
......@@ -81,7 +81,7 @@
<html><![CDATA[
<style>
.missed-call-row {
padding: 0.25em 0.5em;
padding: 0.5em;
display: flex;
box-shadow: 0px -1px 0px 0px #ededed;
}
......@@ -101,14 +101,15 @@
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 0.5em;
padding: 0 0 0 0.5em;
}
.missed-call-content1 {
display: flex;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: calc(100% - 80px);
}
.missed-call-content2 {
......@@ -116,6 +117,7 @@
flex-direction: column;
align-items: flex-end;
justify-content: center;
width: 80px;
}
......@@ -124,6 +126,16 @@
color: #666;
display: block;
}
.missed-call-cust-name {
color: #252525;
font-size: 14px;
line-height: 1;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
}
.missed-call-content2 span {
color: #aaa;
......@@ -144,7 +156,7 @@
</div>
<div class="missed-call-content">
<div class = "missed-call-content1">
<span> {{missCallData.CUST_NAME}} - {{missCallData.LOCALITY}} </span>
<span class = "missed-call-cust-name"> {{missCallData.CUST_NAME}} - {{missCallData.LOCALITY}} </span>
<span *ngIf="!missCallData.LAST_VISIT"> No.Visits {{missCallData.NO_VISIT}}</span>
<span *ngIf="missCallData.LAST_VISIT"> No.Visits {{missCallData.NO_VISIT}} -{{ missCallData.LAST_VISIT | date : 'mediumDate'}} </span>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment