Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 08:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

traffic chart styles fix

Browse source
This commit is contained in:
nixa 2016-05-04 18:52:44 +03:00
parent 4b3665007b
commit 21cd0bc433
2 changed files with 28 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/pages/dashboard/dashboard.html
View file

@ -1,12 +1,12 @@
<div class="row"> <div class="row">
<div class="col-xlg-12 col-lg-12 col-md-12 col-sm-12"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<pie-chart></pie-chart> <pie-chart></pie-chart>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<ba-card class="col-lg-6 col-md-12 col-sm-12" <ba-card class="col-xl-6 col-lg-12 col-md-12 col-sm-12"
title="Acquisition Channels" baCardClass="popular-app medium-card"> title="Acquisition Channels" baCardClass="traffic-panel medium-card">
<traffic-chart></traffic-chart> <traffic-chart></traffic-chart>
</ba-card> </ba-card>
</div> </div>

8
src/app/pages/dashboard/trafficChart/trafficChart.scss
View file

@ -12,10 +12,11 @@
.channels-info { .channels-info {
display: inline-block; display: inline-block;
width: calc(100% - 400px); width: calc(100% - 370px);
margin-left: 70px; margin-left: 70px;
margin-top: -20px; margin-top: -20px;
} }
.small-container { .small-container {
.channels-info { .channels-info {
display: none; display: none;
@ -147,7 +148,7 @@
margin-top: -65px; margin-top: -65px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.panel.medium-panel.traffic-panel{ .card.medium-card.traffic-panel {
height: auto; height: auto;
} }
.traffic-chart { .traffic-chart {
@ -174,7 +175,6 @@
} }
} }
@media (max-width: 380px) { @media (max-width: 380px) {
.traffic-chart { .traffic-chart {
@ -190,6 +190,7 @@
top: 30px; top: 30px;
} }
} }
@media (max-width: 320px) { @media (max-width: 320px) {
.chart-bg { .chart-bg {
left: 50px; left: 50px;
@ -199,7 +200,6 @@
} }
} }
body.badmin-transparent { body.badmin-transparent {
.traffic-chart canvas { .traffic-chart canvas {
border: 10px solid rgba(0, 0, 0, 0.35); border: 10px solid rgba(0, 0, 0, 0.35);