Browse Source

Fix popover card arrow border

pull/3440/head
afc163 8 years ago
parent
commit
e520998166
  1. 2
      components/modal/style/modal.less
  2. 9
      components/popover/style/index.less
  3. 6
      components/style/themes/default.less

2
components/modal/style/modal.less

@ -32,7 +32,7 @@
border: 0; border: 0;
border-radius: @border-radius-base; border-radius: @border-radius-base;
background-clip: padding-box; background-clip: padding-box;
box-shadow: 0px 6px 8px 0px rgba(100, 100, 100, 0.4); box-shadow: @shadow-2;
} }
&-close { &-close {

9
components/popover/style/index.less

@ -55,7 +55,6 @@
min-width: @popover-min-width; min-width: @popover-min-width;
background-color: @popover-bg; background-color: @popover-bg;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid @popover-border-color;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
} }
@ -124,7 +123,7 @@
&-placement-topRight &-arrow { &-placement-topRight &-arrow {
border-bottom-width: 0; border-bottom-width: 0;
border-top-color: @popover-arrow-outer-color; border-top-color: @popover-arrow-outer-color;
bottom: 0; bottom: -1px;
&:after { &:after {
content: " "; content: " ";
bottom: 1px; bottom: 1px;
@ -147,7 +146,7 @@
&-placement-right &-arrow, &-placement-right &-arrow,
&-placement-rightTop &-arrow, &-placement-rightTop &-arrow,
&-placement-rightBottom &-arrow { &-placement-rightBottom &-arrow {
left: 0; left: -1px;
border-left-width: 0; border-left-width: 0;
border-right-color: @popover-arrow-outer-color; border-right-color: @popover-arrow-outer-color;
&:after { &:after {
@ -174,7 +173,7 @@
&-placement-bottomRight &-arrow { &-placement-bottomRight &-arrow {
border-top-width: 0; border-top-width: 0;
border-bottom-color: @popover-arrow-outer-color; border-bottom-color: @popover-arrow-outer-color;
top: 0; top: -1px;
&:after { &:after {
content: " "; content: " ";
top: 1px; top: 1px;
@ -197,7 +196,7 @@
&-placement-left &-arrow, &-placement-left &-arrow,
&-placement-leftTop &-arrow, &-placement-leftTop &-arrow,
&-placement-leftBottom &-arrow { &-placement-leftBottom &-arrow {
right: 0; right: -1px;
border-right-width: 0; border-right-width: 0;
border-left-color: @popover-arrow-outer-color; border-left-color: @popover-arrow-outer-color;
&:after { &:after {

6
components/style/themes/default.less

@ -67,7 +67,7 @@
@shadow-1-down : 0 1px 6px @shadow-color; @shadow-1-down : 0 1px 6px @shadow-color;
@shadow-1-left : -1px 0 6px @shadow-color; @shadow-1-left : -1px 0 6px @shadow-color;
@shadow-1-right : 1px 0 6px @shadow-color; @shadow-1-right : 1px 0 6px @shadow-color;
@shadow-2 : 0 1px 8px @shadow-color; @shadow-2 : 0 2px 8px @shadow-color;
// Buttons // Buttons
@btn-font-weight : 500; @btn-font-weight : 500;
@ -193,8 +193,6 @@
@popover-bg: #fff; @popover-bg: #fff;
//** Popover maximum width //** Popover maximum width
@popover-min-width: 177px; @popover-min-width: 177px;
//** Popover border color
@popover-border-color: @border-color-base;
//** Popover arrow width //** Popover arrow width
@popover-arrow-width: 4px; @popover-arrow-width: 4px;
//** Popover arrow color //** Popover arrow color
@ -202,4 +200,4 @@
//** Popover outer arrow width //** Popover outer arrow width
@popover-arrow-outer-width: (@popover-arrow-width + 1); @popover-arrow-outer-width: (@popover-arrow-width + 1);
//** Popover outer arrow color //** Popover outer arrow color
@popover-arrow-outer-color: fadein(@popover-border-color, 5%); @popover-arrow-outer-color: fadeout(@border-color-base, 30%);

Loading…
Cancel
Save