mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-25 11:40:04 +08:00
Code Issues Actions 35 Packages Projects Releases Wiki Activity

feat: date-picker, steps less dark

Browse Source
This commit is contained in:
ycjcl868 2019-12-01 23:44:51 +08:00
parent 5590ba0d4e
commit 99f8d84f2f
15 changed files with 33 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/date-picker/style/MonthPanel.less
View File

@ -5,7 +5,7 @@
bottom: 0;
left: 0;
z-index: @zindex-picker-panel;
background: @component-background;
background: @month-panel-bg;
border-radius: @border-radius-base;
outline: none;

2
components/date-picker/style/TimePicker.less
View File

@ -19,7 +19,7 @@
line-height: 1.5;
text-align: left;
list-style: none;
background-color: @component-background;
background-color: @time-picker-inner-bg;
background-clip: padding-box;
outline: none;
}

2
components/date-picker/style/YearPanel.less
View File

@ -5,7 +5,7 @@
bottom: 0;
left: 0;
z-index: @zindex-picker-panel;
background: @component-background;
background: @year-panel-bg;
border-radius: @border-radius-base;
outline: none;

7
components/input/style/mixin.less
View File

@ -19,7 +19,12 @@
// input status
// == when focus or actived
.active(@color: @outline-color) {
border-color: ~`colorPalette('@{color}', 5) `;
& when (@theme = default) {
border-color: ~`colorPalette('@{color}', 5) `;
}
& when (@theme = dark) {
border-color: @color;
}
border-right-width: @border-width-base !important;
outline: 0;
box-shadow: @input-outline-offset @outline-blur-size @outline-width fade(@color, 20%);

2
components/page-header/demo/actions.md
View File

@ -20,7 +20,7 @@ ReactDOM.render(
<div>
<PageHeader
style={{
border: '1px solid rgb(235, 237, 240)',
border: '1px solid rgb(255, 255, 255, 0.2)',
}}
onBack={() => window.history.back()}
title="Title"

2
components/page-header/demo/basic.md
View File

@ -19,7 +19,7 @@ import { PageHeader } from 'antd';
ReactDOM.render(
<PageHeader
style={{
border: '1px solid rgb(235, 237, 240)',
border: '1px solid rgb(255, 255, 255, 0.2)',
}}
onBack={() => null}
title="Title"

2
components/page-header/demo/breadcrumb.md
View File

@ -34,7 +34,7 @@ const routes = [
ReactDOM.render(
<PageHeader
style={{
border: '1px solid rgb(235, 237, 240)',
border: '1px solid rgb(255, 255, 255, 0.2)',
}}
title="Title"
breadcrumb={{ routes }}

2
components/page-header/demo/content.md
View File

@ -143,7 +143,7 @@ ReactDOM.render(
<PageHeader
title="Title"
style={{
border: '1px solid rgb(235, 237, 240)',
border: '1px solid rgb(255, 255, 255, 0.2)',
}}
subTitle="This is a subtitle"
tags={<Tag color="blue">Running</Tag>}

2
components/page-header/demo/ghost.md
View File

@ -19,7 +19,7 @@ import { PageHeader, Button, Descriptions } from 'antd';
ReactDOM.render(
<div
style={{
backgroundColor: '#F5F5F5',
backgroundColor: 'rgba(255,255,255,0.08)',
padding: 24,
}}
>

2
components/page-header/demo/responsive.md
View File

@ -65,7 +65,7 @@ ReactDOM.render(
<div>
<PageHeader
style={{
border: '1px solid rgb(235, 237, 240)',
border: '1px solid rgb(255, 255, 255, 0.2)',
}}
onBack={() => window.history.back()}
title="Title"

2
components/steps/demo/nav.md
View File

@ -20,7 +20,7 @@ const { Step } = Steps;
const stepStyle = {
marginBottom: 60,
boxShadow: '0px -1px 0 0 #e8e8e8 inset',
boxShadow: '0px -1px 0 0 rgba(255,255,255,.12) inset',
};
class Demo extends React.Component {

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

@ -5,7 +5,6 @@
@process-icon-color: @primary-color;
@process-title-color: @heading-color;
@process-description-color: @text-color;
@process-tail-color: @border-color-split;
@process-icon-text-color: @text-color-inverse;
@wait-icon-color: @disabled-color;
@wait-title-color: @text-color-secondary;
@ -20,7 +19,6 @@
@error-description-color: @error-color;
@error-tail-color: @wait-tail-color;
@steps-background: @component-background;
@steps-nav-arrow-color: fade(@black, 25%);
@steps-nav-active-color: @primary-color;
@steps-icon-size: 32px;

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

@ -231,7 +231,7 @@
@radio-disabled-button-checked-color: @text-color;
// Layout
@layout-body-background: @body-background;;
@layout-body-background: @body-background;
@layout-header-background: @component-background;
@layout-sider-background: @component-background;
@layout-trigger-background: @component-background;
@ -279,12 +279,20 @@
// TimePicker
// ---
@time-picker-bg: @gray-11;
@time-picker-inner-bg: @gray-11;
@month-panel-bg: @gray-11;
@year-panel-bg: @gray-11;
// Dropdown
// ---
@dropdown-menu-bg: @gray-11;
@dropdown-menu-submenu-disabled-bg: transparent;
// Steps
// ---
@process-tail-color: fade(@white, 20%);
@steps-nav-arrow-color: fade(@white, 20%);
// Calendar
// ---
@calendar-bg: @gray-11;

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

@ -491,6 +491,9 @@
@time-picker-panel-column-width: 56px;
@time-picker-panel-width: @time-picker-panel-column-width * 3;
@time-picker-selected-bg: @item-active-bg;
@time-picker-inner-bg: @component-background;
@month-panel-bg: @component-background;
@year-panel-bg: @component-background;
// Calendar
// ---
@ -737,4 +740,9 @@
// ---
@upload-actions-color: @text-color-secondary;
// Steps
// ---
@process-tail-color: @border-color-split;
@steps-nav-arrow-color: fade(@black, 25%);
@import './dark.less';

1
site/theme/static/demo.less
View File

@ -65,7 +65,6 @@
&-demo {
padding: 42px 24px 50px;
color: rgba(0, 0, 0, 0.65);
border-bottom: 1px solid @site-border-color-split;
}