From 36b9dd77f97d2736d7a82c87dbb76746289f05b9 Mon Sep 17 00:00:00 2001 From: alex Date: Mon, 15 Feb 2016 18:14:45 +0300 Subject: [PATCH] fix(feed): line camp dots now only in chrome --- src/sass/app/_chartsPage.scss | 11 ++++++++++ src/sass/theme/dashboard/_blurFeed.scss | 28 +++++++++++++++---------- 2 files changed, 28 insertions(+), 11 deletions(-) diff --git a/src/sass/app/_chartsPage.scss b/src/sass/app/_chartsPage.scss index 70af039..790bbd2 100644 --- a/src/sass/app/_chartsPage.scss +++ b/src/sass/app/_chartsPage.scss @@ -96,6 +96,17 @@ fill: $info-charts; } } + +body.badmin-transparent{ + .ct-area { + fill-opacity: .5; + } + .ct-label{ + color: $default; + opacity: 0.9; + fill: rgba(255,255,255,.9); + } +} @media screen and (min-width: 992px) { .row.morris-up { > div { diff --git a/src/sass/theme/dashboard/_blurFeed.scss b/src/sass/theme/dashboard/_blurFeed.scss index 0c87149..d5dc2d2 100644 --- a/src/sass/theme/dashboard/_blurFeed.scss +++ b/src/sass/theme/dashboard/_blurFeed.scss @@ -155,6 +155,8 @@ } } + + .line-clamp { display : block; @@ -167,18 +169,22 @@ text-overflow : ellipsis; padding : 0 !important; } -.line-clamp:after -{ - content : '...'; - text-align : right; - bottom : 0; - right : 0; - width : 25%; - display : block; - position : absolute; - height : calc(1em * 1.2); - background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%); + +@media screen and (-webkit-min-device-pixel-ratio:0) { + .line-clamp:after + { + content : '...'; + text-align : right; + bottom : 0; + right : 0; + width : 25%; + display : block; + position : absolute; + height : calc(1em * 1.2); + } } + + @supports (-webkit-line-clamp: 1) { .line-clamp:after