drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Poptip style

Browse source
This commit is contained in:
梁灏 2018-06-22 14:47:58 +08:00
parent ac50d539aa
commit 46c07066c8
4 changed files with 22 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/styles/components/poptip.less
View file

@ -1,7 +1,7 @@
@poptip-prefix-cls: ~"@{css-prefix}poptip";
@poptip-arrow: ~"@{poptip-prefix-cls}-arrow";
@poptip-max-width: 250px;
@poptip-arrow-width: 5px;
@poptip-arrow-width: 7px;
@poptip-arrow-outer-width: (@poptip-arrow-width + 1);
@poptip-distance: @poptip-arrow-width - 1 + 4;
//@poptip-arrow-color: fadein(@border-color-base, 5%);

10
src/styles/components/tooltip.less
View file

@ -3,6 +3,7 @@
@tooltip-max-width: 250px;
@tooltip-arrow-width: 5px;
@tooltip-distance: @tooltip-arrow-width - 1 + 4;
@poptip-arrow-color: hsla(0,0%,85%,.5);
.@{tooltip-prefix-cls} {
display: inline-block;
@ -15,6 +16,10 @@
&-popper{
.popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @tooltip-bg);
}
&-light&-popper{
.popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @poptip-arrow-color);
}
&-inner{
max-width: @tooltip-max-width;
@ -29,6 +34,11 @@
white-space: nowrap;
}
&-light &-inner{
background-color: #fff;
color: @text-color;
}
&-arrow{
position: absolute;
width: 0;