Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[common] changed synchronize tooltip markup

Browse source
This commit is contained in:
Maxim Kadushkin 2018-02-28 16:33:04 +03:00
parent 19b0d19792
commit 794d08ea9c
1 changed files with 22 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
apps/common/main/resources/less/synchronize-tip.less
View file

@ -9,16 +9,19 @@
} }
&.right { &.right {
margin: -32px 0 0 15px; margin: 0 0 0 15px;
.tip-arrow { .tip-arrow {
left: -15px; left: -15px;
top: 20px; top: 0;
width: 15px; width: 16px;
height: 30px; height: 15px;
.box-shadow(0 -5px 8px -5px rgba(0, 0, 0, 0.2));
&:after { &:after {
top: 5px; top: -7px;
left: 8px; left: 6px;
width: 16px;
} }
} }
} }
@ -42,13 +45,15 @@
margin: 0 -32px 15px 0; margin: 0 -32px 15px 0;
.tip-arrow { .tip-arrow {
right: 15px; right: 0;
bottom: -15px; bottom: -15px;
width: 30px; width: 15px;
height: 15px; height: 15px;
.box-shadow(5px 0 8px -5px rgba(0, 0, 0, 0.2));
&:after { &:after {
top: -8px; top: -8px;
left: 5px; left: 8px;
} }
} }
} }
@ -60,6 +65,14 @@
background-color: #fcfed7; background-color: #fcfed7;
overflow: visible; overflow: visible;
.right & {
border-top-left-radius: 0;
}
.top & {
border-bottom-right-radius: 0;
}
.box-shadow(0 4px 15px -2px rgba(0, 0, 0, 0.5)); .box-shadow(0 4px 15px -2px rgba(0, 0, 0, 0.5));
font-size: 11px; font-size: 11px;
} }