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 bg position fix

Browse source
This commit is contained in:
nixa 2016-05-19 13:25:59 +03:00
parent 69acf25d43
commit be05565bdd
1 changed files with 72 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,7 +6,6 @@
} }
.ng2, .blur { .ng2, .blur {
.channels-block {
.traffic-chart canvas { .traffic-chart canvas {
border: 15px solid rgba(0, 0, 0, 0.2); border: 15px solid rgba(0, 0, 0, 0.2);
//box-shadow: 0 0 5px 0 rgb(0, 0, 0) inset; //box-shadow: 0 0 5px 0 rgb(0, 0, 0) inset;
@ -23,7 +22,6 @@
border-radius: 100px; border-radius: 100px;
} }
} }
}
.channels-info { .channels-info {
display: inline-block; display: inline-block;
@ -31,6 +29,7 @@
margin-left: 70px; margin-left: 70px;
margin-top: -20px; margin-top: -20px;
} }
.small-container { .small-container {
.channels-info { .channels-info {
display: none; display: none;
@ -139,15 +138,18 @@
} }
@media (max-width: $resM) { @media (max-width: $resM) {
.card.medium-card.traffic-panel {
height: auto;
}
.channels-block {
div.channels-info { div.channels-info {
display: block; display: block;
width: calc(100% - 88px); width: calc(100% - 88px);
margin-top: -65px; margin-top: -65px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.card.medium-card.traffic-panel{
height: auto;
}
.traffic-chart { .traffic-chart {
position: inherit; position: inherit;
float: none; float: none;
@ -157,8 +159,11 @@
left: calc(50% - 90px); left: calc(50% - 90px);
} }
} }
}
@media (max-width: 1465px) and (min-width: 1199px) { @media (max-width: 1465px) and (min-width: 1199px) {
.channels-block {
.channels-info { .channels-info {
display: none; display: none;
} }
@ -167,14 +172,16 @@
float: none; float: none;
margin: 0 auto; margin: 0 auto;
} }
.chart-bg { .chart-bg {
left: calc(50% - 90px); left: calc(50% - 90px);
} }
} }
}
@media (max-width: 380px) { @media (max-width: 380px) {
.channels-block {
.traffic-chart { .traffic-chart {
width: 240px; width: 240px;
} }
@ -188,7 +195,10 @@
top: 30px; top: 30px;
} }
} }
}
@media (max-width: 320px) { @media (max-width: 320px) {
.channels-block {
.chart-bg { .chart-bg {
left: 50px; left: 50px;
top: 50px; top: 50px;
@ -196,3 +206,4 @@
height: 142px; height: 142px;
} }
} }
}