From 98dc55f5ab59db66bfc5f4f78f3d1d1eb4849fb0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?P=C3=A1sztor=20G=C3=A1bor?= Date: Fri, 2 Dec 2016 21:56:59 +0100 Subject: [PATCH] Style fix in popover. --- modules/system/assets/ui/less/popover.less | 24 ++++++++++++++-------- modules/system/assets/ui/storm.css | 8 ++++---- 2 files changed, 20 insertions(+), 12 deletions(-) diff --git a/modules/system/assets/ui/less/popover.less b/modules/system/assets/ui/less/popover.less index 379b17635..92b5ca96d 100644 --- a/modules/system/assets/ui/less/popover.less +++ b/modules/system/assets/ui/less/popover.less @@ -218,20 +218,28 @@ div.control-popover { background-color: @color-popover-danger-bg; } - &.placement-bottom > div:after { - .triangle(up, 15px, 8px, @color-popover-danger-bg); + &.placement-bottom { + > div:after, .popover-head:before { + .triangle(up, 15px, 8px, @color-popover-danger-bg); + } } - &.placement-top > div:after { - .triangle(down, 15px, 8px, @color-popover-danger-bg); + &.placement-top { + > div:after, .popover-head:before { + .triangle(down, 15px, 8px, @color-popover-danger-bg); + } } - &.placement-left > div:after { - .triangle(right, 8px, 15px, @color-popover-danger-bg); + &.placement-left { + > div:after, .popover-head:before { + .triangle(right, 8px, 15px, @color-popover-danger-bg); + } } - &.placement-right > div:after { - .triangle(left, 8px, 15px, @color-popover-danger-bg); + &.placement-right { + > div:after, .popover-head:before { + .triangle(left, 8px, 15px, @color-popover-danger-bg); + } } .popover-head { diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css index deb33bf2e..1688ac0ab 100644 --- a/modules/system/assets/ui/storm.css +++ b/modules/system/assets/ui/storm.css @@ -1416,10 +1416,10 @@ div.control-popover.placement-bottom .popover-head:before{content:'';display:blo div.control-popover.placement-left .popover-head:before{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-left:8px solid #f9f9f9;right:-8px;top:7px} div.control-popover.placement-right .popover-head:before{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-right:8px solid #f9f9f9;left:-8px;top:7px} div.control-popover.popover-danger > div{color:#fff;background-color:#ab2a1c} -div.control-popover.popover-danger.placement-bottom > div:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #ab2a1c} -div.control-popover.popover-danger.placement-top > div:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid #ab2a1c;border-bottom-width:0} -div.control-popover.popover-danger.placement-left > div:after{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-left:8px solid #ab2a1c} -div.control-popover.popover-danger.placement-right > div:after{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-right:8px solid #ab2a1c} +div.control-popover.popover-danger.placement-bottom > div:after,div.control-popover.popover-danger.placement-bottom .popover-head:before{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #ab2a1c} +div.control-popover.popover-danger.placement-top > div:after,div.control-popover.popover-danger.placement-top .popover-head:before{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid #ab2a1c;border-bottom-width:0} +div.control-popover.popover-danger.placement-left > div:after,div.control-popover.popover-danger.placement-left .popover-head:before{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-left:8px solid #ab2a1c} +div.control-popover.popover-danger.placement-right > div:after,div.control-popover.popover-danger.placement-right .popover-head:before{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-right:8px solid #ab2a1c} div.control-popover.popover-danger .popover-head{color:#fff;background-color:#ab2a1c;border-bottom:2px solid rgba(255,255,255,0.15)} div.control-popover.popover-danger .popover-head .close{color:#fff;text-shadow:none} div.control-popover div.popover-fixed-height{height:300px}