[common] changed synchronize tooltip markup
This commit is contained in:
parent
19b0d19792
commit
794d08ea9c
|
@ -9,16 +9,19 @@
|
|||
}
|
||||
|
||||
&.right {
|
||||
margin: -32px 0 0 15px;
|
||||
margin: 0 0 0 15px;
|
||||
|
||||
.tip-arrow {
|
||||
left: -15px;
|
||||
top: 20px;
|
||||
width: 15px;
|
||||
height: 30px;
|
||||
top: 0;
|
||||
width: 16px;
|
||||
height: 15px;
|
||||
.box-shadow(0 -5px 8px -5px rgba(0, 0, 0, 0.2));
|
||||
|
||||
&:after {
|
||||
top: 5px;
|
||||
left: 8px;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -42,13 +45,15 @@
|
|||
margin: 0 -32px 15px 0;
|
||||
|
||||
.tip-arrow {
|
||||
right: 15px;
|
||||
right: 0;
|
||||
bottom: -15px;
|
||||
width: 30px;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
.box-shadow(5px 0 8px -5px rgba(0, 0, 0, 0.2));
|
||||
|
||||
&:after {
|
||||
top: -8px;
|
||||
left: 5px;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -60,6 +65,14 @@
|
|||
background-color: #fcfed7;
|
||||
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));
|
||||
font-size: 11px;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue