mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-08 01:53:34 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix: border-color in popover component

Browse Source
This commit is contained in:
ycjcl868 2019-12-04 11:58:48 +08:00
parent d4a2c43e36
commit dfab3c4ab5
5 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/cascader/style/index.less
View File

@ -169,7 +169,7 @@
overflow: auto;
vertical-align: top;
list-style: none;
border-right: @border-width-base @border-style-base @border-color-split;
border-right: @border-width-base @border-style-base @cascader-menu-border-color-split;
-ms-overflow-style: -ms-autohiding-scrollbar; // https://github.com/ant-design/ant-design/issues/11857
&:first-child {

2
components/modal/style/modal.less
View File

@ -83,7 +83,7 @@
padding: 16px 24px;
color: @text-color;
background: @modal-header-bg;
border-bottom: @border-width-base @border-style-base @border-color-split;
border-bottom: @border-width-base @border-style-base @modal-header-border-color-split;
border-radius: @border-radius-base @border-radius-base 0 0;
}

20
components/style/themes/dark.less
View File

@ -158,6 +158,9 @@
@primary-9: @blue-9; // unused
@primary-10: @blue-10; // unused
// -------- Colors -----------
@error-color: @red-6;
// Layer background
@gray-11: #1f1f1f;
@body-background: @black;
@ -179,6 +182,7 @@
// Border color
@border-color-base: #434343; // base border outline a component
@border-color-split: @gray-11; // split border inside a component
@border-color-split-popover: #303030; // base border in Popover Container
@background-color-light: fade(@white, 4%); // background of header and selected item
@background-color-base: fade(@white, 8%); // Default grey background color
@ -194,7 +198,7 @@
// Shadow
// ---
@shadow-color: rgba(0, 0, 0, 0.15);
@shadow-color: rgba(0, 0, 0, 0.45);
@shadow-color-inverse: @component-background;
@box-shadow-base: @shadow-2;
@shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.24), 0 -9px 28px 0 rgba(0, 0, 0, 0.15),
@ -214,9 +218,6 @@
@btn-default-bg: transparent;
@btn-danger-bg: @red-7;
@btn-danger-border: @red-7;
@btn-default-ghost-color: @text-color;
@btn-default-ghost-border: fade(@white, 25%);
@ -231,7 +232,9 @@
// Modal
// ---
@modal-header-bg: @gray-11;
@modal-header-border-color-split: @border-color-split-popover;
@modal-content-bg: @gray-11;
@modal-footer-border-color-split: @border-color-split-popover;
// Radio
// ---
@ -266,6 +269,7 @@
// ---
@cascader-bg: transparent;
@cascader-menu-bg: @gray-11;
@cascader-menu-border-color-split: @border-color-split-popover;
// Anchor
// ---
@ -296,9 +300,11 @@
// --
@table-header-bg: #1d1d1d;
@table-header-bg-sm: @table-header-bg;
@table-body-sort-bg: fade(@white, 1%);
@table-row-hover-bg: #262626;
@table-header-filter-active-bg: @item-hover-bg;
@table-header-sort-active-bg: @item-hover-bg;
@table-header-sort-bg: #262626;
@table-header-filter-active-bg: #434343;
@table-header-sort-active-bg: #262626;
// TimePicker
// ---
@ -371,9 +377,7 @@
@slider-rail-background-color: fade(@white, 20%);
@slider-rail-background-color-hover: @slider-rail-background-color;
@slider-track-background-color: @primary-color;
@slider-track-background-color-hover: @slider-track-background-color;
@slider-handle-color: @primary-color;
@slider-handle-color-hover: @slider-handle-color;
// Skeleton
// ---

3
components/style/themes/default.less
View File

@ -113,6 +113,7 @@
// Border color
@border-color-base: hsv(0, 0, 85%); // base border outline a component
@border-color-split: hsv(0, 0, 94%); // split border inside a component
@border-color-split-popover: @border-color-split; // base border in Popover Container
@border-color-inverse: @white;
@border-width-base: 1px; // width of the border for a component
@border-style-base: solid; // style of a components border
@ -368,6 +369,7 @@
@cascader-bg: @component-background;
@cascader-item-selected-bg: @blue-1;
@cascader-menu-bg: @component-background;
@cascader-menu-border-color-split: @border-color-split;
// Anchor
// ---
@ -411,6 +413,7 @@
// --
@modal-body-padding: 24px;
@modal-header-bg: @component-background;
@modal-header-border-color-split: @border-color-split;
@modal-content-bg: @component-background;
@modal-heading-color: @heading-color;
@modal-footer-bg: transparent;

6
components/table/style/index.less
View File

@ -499,15 +499,9 @@
}
.@{table-prefix-cls}-cell-fix-left-last::after {
& when (@theme = dark) {
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.48), 0 3px 6px 0 rgba(0, 0, 0, 0.36),
0 5px 12px 4px rgba(0, 0, 0, 0.27);
}
& when not (@theme = dark) {
box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);
}
}
}
&-ping-right {
&:not(.@{table-prefix-cls}-has-fix-right) .@{table-prefix-cls}-container {
position: relative;