Remove unnecessary arrow elem

This commit is contained in:
Alasdair Smith 2017-10-02 13:49:28 +01:00
parent 738acefac7
commit a69afae03d
2 changed files with 29 additions and 16 deletions

View file

@ -100,7 +100,6 @@ div.full-size(
ng-if="onboarding.autoCompile == 'show'" ng-if="onboarding.autoCompile == 'show'"
ng-class="placement" ng-class="placement"
) )
.arrow
.popover-inner .popover-inner
h3.popover-title #{translate("auto_compile")} h3.popover-title #{translate("auto_compile")}
.popover-content .popover-content

View file

@ -104,28 +104,42 @@ a.feat-onboard-dismiss {
display: block; display: block;
top: 10px; top: 10px;
.arrow {
top: 17px !important;
}
img { img {
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid @gray-lighter; border: 1px solid @gray-lighter;
} }
&.right > .arrow { &::before, &::after {
left: -10px !important; content: '';
border-width: 11px;
&:after { border-style: solid;
border-right-color: #f7f7f7 !important; border-color: transparent;
} top: 7px;
display: block;
position: absolute;
} }
&.left > .arrow { &.right::before {
right: -10px !important; border-left-width: 0;
border-right-color: rgba(0, 0, 0, .3);
left: -11px;
}
&:after { &.right::after {
border-left-color: #f7f7f7 !important; border-left-width: 0;
} border-right-color: #f7f7f7;
left: -9.5px;
}
&.left::before {
border-right-width: 0;
border-left-color: rgba(0, 0, 0, .3);
right: -11px
}
&.left::after {
border-right-width: 0;
border-left-color: #f7f7f7;
right: -9.5px;
} }
} }