Latest updates from IceHrmPro
This commit is contained in:
Thilina Pituwala
80
web/node_modules/antd/lib/date-picker/style/DecadePanel.less
generated
vendored
Normal file
80
web/node_modules/antd/lib/date-picker/style/DecadePanel.less
generated
vendored
Normal file
@@ -0,0 +1,80 @@
|
||||
.@{calendar-prefix-cls}-decade-panel {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: @zindex-picker-panel;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: @calendar-bg;
|
||||
border-radius: @border-radius-base;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-body {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-footer {
|
||||
border-top: @border-width-base @border-style-base @border-color-split;
|
||||
.@{calendar-prefix-cls}-footer-extra {
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
table-layout: fixed;
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-cell {
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-decade {
|
||||
display: inline-block;
|
||||
height: 24px;
|
||||
margin: 0 auto;
|
||||
padding: 0 6px;
|
||||
color: @text-color;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
background: transparent;
|
||||
border-radius: @border-radius-base;
|
||||
transition: background 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: @item-hover-bg;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-selected-cell .@{calendar-prefix-cls}-decade-panel-decade {
|
||||
color: @text-color-inverse;
|
||||
background: @primary-color;
|
||||
|
||||
&:hover {
|
||||
color: @text-color-inverse;
|
||||
background: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-decade-panel-last-century-cell,
|
||||
.@{calendar-prefix-cls}-decade-panel-next-century-cell {
|
||||
.@{calendar-prefix-cls}-decade-panel-decade {
|
||||
color: @disabled-color;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
7
web/node_modules/antd/lib/date-picker/style/css.js
generated
vendored
Normal file
7
web/node_modules/antd/lib/date-picker/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
"use strict";
|
||||
|
||||
require("./index.css");
|
||||
|
||||
require("../../tag/style/css");
|
||||
|
||||
require("../../button/style/css");
|
||||
993
web/node_modules/antd/lib/date-picker/style/index.css
generated
vendored
Normal file
993
web/node_modules/antd/lib/date-picker/style/index.css
generated
vendored
Normal file
@@ -0,0 +1,993 @@
|
||||
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
|
||||
/* stylelint-disable no-duplicate-selectors */
|
||||
/* stylelint-disable */
|
||||
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
|
||||
.ant-picker-panel {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
border: 1px solid #f0f0f0;
|
||||
border-radius: 2px;
|
||||
outline: none;
|
||||
}
|
||||
.ant-picker-panel-focused {
|
||||
border-color: #1890ff;
|
||||
}
|
||||
.ant-picker-decade-panel,
|
||||
.ant-picker-year-panel,
|
||||
.ant-picker-quarter-panel,
|
||||
.ant-picker-month-panel,
|
||||
.ant-picker-week-panel,
|
||||
.ant-picker-date-panel,
|
||||
.ant-picker-time-panel {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
width: 280px;
|
||||
}
|
||||
.ant-picker-header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
padding: 0 8px;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
.ant-picker-header > * {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
}
|
||||
.ant-picker-header button {
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
line-height: 40px;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color 0.3s;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.ant-picker-header > button {
|
||||
min-width: 1.6em;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ant-picker-header > button:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.ant-picker-header-view {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
}
|
||||
.ant-picker-header-view button {
|
||||
color: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
.ant-picker-header-view button:not(:first-child) {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.ant-picker-header-view button:hover {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-picker-prev-icon,
|
||||
.ant-picker-next-icon,
|
||||
.ant-picker-super-prev-icon,
|
||||
.ant-picker-super-next-icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
.ant-picker-prev-icon::before,
|
||||
.ant-picker-next-icon::before,
|
||||
.ant-picker-super-prev-icon::before,
|
||||
.ant-picker-super-next-icon::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border: 0 solid currentColor;
|
||||
border-width: 1.5px 0 0 1.5px;
|
||||
content: '';
|
||||
}
|
||||
.ant-picker-super-prev-icon::after,
|
||||
.ant-picker-super-next-icon::after {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border: 0 solid currentColor;
|
||||
border-width: 1.5px 0 0 1.5px;
|
||||
content: '';
|
||||
}
|
||||
.ant-picker-prev-icon,
|
||||
.ant-picker-super-prev-icon {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.ant-picker-next-icon,
|
||||
.ant-picker-super-next-icon {
|
||||
-webkit-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
.ant-picker-content {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.ant-picker-content th,
|
||||
.ant-picker-content td {
|
||||
position: relative;
|
||||
min-width: 24px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.ant-picker-content th {
|
||||
height: 30px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
line-height: 30px;
|
||||
}
|
||||
.ant-picker-cell {
|
||||
padding: 3px 0;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-picker-cell-in-view {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.ant-picker-cell-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-picker-cell::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
height: 24px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
content: '';
|
||||
}
|
||||
.ant-picker-cell .ant-picker-cell-inner {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: background 0.3s, border 0.3s;
|
||||
transition: background 0.3s, border 0.3s;
|
||||
}
|
||||
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
|
||||
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
border: 1px solid #1890ff;
|
||||
border-radius: 2px;
|
||||
content: '';
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-in-range {
|
||||
position: relative;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
|
||||
background: #e6f7ff;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
|
||||
color: #fff;
|
||||
background: #1890ff;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
|
||||
background: #e6f7ff;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
|
||||
left: 50%;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
|
||||
right: 50%;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 0;
|
||||
height: 24px;
|
||||
border-top: 1px dashed #7ec1ff;
|
||||
border-bottom: 1px dashed #7ec1ff;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
content: '';
|
||||
}
|
||||
.ant-picker-cell-range-hover-start::after,
|
||||
.ant-picker-cell-range-hover-end::after,
|
||||
.ant-picker-cell-range-hover::after {
|
||||
right: 0;
|
||||
left: 2px;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
|
||||
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
|
||||
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
|
||||
background: #cbe6ff;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
|
||||
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
background: #cbe6ff;
|
||||
content: '';
|
||||
}
|
||||
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
|
||||
right: -7px;
|
||||
left: 0;
|
||||
}
|
||||
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
|
||||
right: 0;
|
||||
left: -7px;
|
||||
}
|
||||
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
|
||||
right: 50%;
|
||||
}
|
||||
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
|
||||
left: 50%;
|
||||
}
|
||||
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
|
||||
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
|
||||
left: 6px;
|
||||
border-left: 1px dashed #7ec1ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
|
||||
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
|
||||
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
|
||||
right: 6px;
|
||||
border-right: 1px dashed #7ec1ff;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
.ant-picker-cell-disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.ant-picker-cell-disabled .ant-picker-cell-inner {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
background: transparent;
|
||||
}
|
||||
.ant-picker-cell-disabled::before {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ant-picker-decade-panel .ant-picker-content,
|
||||
.ant-picker-year-panel .ant-picker-content,
|
||||
.ant-picker-quarter-panel .ant-picker-content,
|
||||
.ant-picker-month-panel .ant-picker-content {
|
||||
height: 265px;
|
||||
}
|
||||
.ant-picker-decade-panel .ant-picker-cell-inner,
|
||||
.ant-picker-year-panel .ant-picker-cell-inner,
|
||||
.ant-picker-quarter-panel .ant-picker-cell-inner,
|
||||
.ant-picker-month-panel .ant-picker-cell-inner {
|
||||
padding: 0 8px;
|
||||
}
|
||||
.ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
|
||||
.ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
|
||||
.ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
|
||||
.ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.ant-picker-quarter-panel .ant-picker-content {
|
||||
height: 56px;
|
||||
}
|
||||
.ant-picker-footer {
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
.ant-picker-panel .ant-picker-footer {
|
||||
border-top: 1px solid #f0f0f0;
|
||||
}
|
||||
.ant-picker-footer-extra {
|
||||
padding: 0 12px;
|
||||
line-height: 38px;
|
||||
text-align: left;
|
||||
}
|
||||
.ant-picker-footer-extra:not(:last-child) {
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
.ant-picker-now {
|
||||
text-align: left;
|
||||
}
|
||||
.ant-picker-today-btn {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-picker-today-btn:hover {
|
||||
color: #40a9ff;
|
||||
}
|
||||
.ant-picker-today-btn:active {
|
||||
color: #096dd9;
|
||||
}
|
||||
.ant-picker-decade-panel .ant-picker-cell-inner {
|
||||
padding: 0 4px;
|
||||
}
|
||||
.ant-picker-decade-panel .ant-picker-cell::before {
|
||||
display: none;
|
||||
}
|
||||
.ant-picker-year-panel .ant-picker-body,
|
||||
.ant-picker-quarter-panel .ant-picker-body,
|
||||
.ant-picker-month-panel .ant-picker-body {
|
||||
padding: 0 8px;
|
||||
}
|
||||
.ant-picker-year-panel .ant-picker-cell-inner,
|
||||
.ant-picker-quarter-panel .ant-picker-cell-inner,
|
||||
.ant-picker-month-panel .ant-picker-cell-inner {
|
||||
width: 60px;
|
||||
}
|
||||
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
|
||||
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
|
||||
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
|
||||
left: 14px;
|
||||
border-left: 1px dashed #7ec1ff;
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
|
||||
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
|
||||
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
|
||||
right: 14px;
|
||||
border-right: 1px dashed #7ec1ff;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
|
||||
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
|
||||
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
|
||||
right: 14px;
|
||||
border-right: 1px dashed #7ec1ff;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
|
||||
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
|
||||
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
|
||||
left: 14px;
|
||||
border-left: 1px dashed #7ec1ff;
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.ant-picker-week-panel .ant-picker-body {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
|
||||
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
|
||||
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
|
||||
background: transparent !important;
|
||||
}
|
||||
.ant-picker-week-panel-row td {
|
||||
-webkit-transition: background 0.3s;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
.ant-picker-week-panel-row:hover td {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.ant-picker-week-panel-row-selected td,
|
||||
.ant-picker-week-panel-row-selected:hover td {
|
||||
background: #1890ff;
|
||||
}
|
||||
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
|
||||
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
|
||||
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
|
||||
border-color: #fff;
|
||||
}
|
||||
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
|
||||
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
|
||||
color: #fff;
|
||||
}
|
||||
.ant-picker-date-panel .ant-picker-body {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
.ant-picker-date-panel .ant-picker-content {
|
||||
width: 252px;
|
||||
}
|
||||
.ant-picker-date-panel .ant-picker-content th {
|
||||
width: 36px;
|
||||
}
|
||||
.ant-picker-datetime-panel {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ant-picker-datetime-panel .ant-picker-time-panel {
|
||||
border-left: 1px solid #f0f0f0;
|
||||
}
|
||||
.ant-picker-datetime-panel .ant-picker-date-panel,
|
||||
.ant-picker-datetime-panel .ant-picker-time-panel {
|
||||
-webkit-transition: opacity 0.3s;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.ant-picker-datetime-panel-active .ant-picker-date-panel,
|
||||
.ant-picker-datetime-panel-active .ant-picker-time-panel {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
|
||||
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-picker-time-panel {
|
||||
width: auto;
|
||||
min-width: auto;
|
||||
}
|
||||
.ant-picker-time-panel .ant-picker-content {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
height: 224px;
|
||||
}
|
||||
.ant-picker-time-panel-column {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 0 auto;
|
||||
flex: 1 0 auto;
|
||||
width: 56px;
|
||||
margin: 0;
|
||||
padding: 0 0 194px 0;
|
||||
overflow-y: hidden;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
-webkit-transition: background 0.3s;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
.ant-picker-time-panel-column:not(:first-child) {
|
||||
border-left: 1px solid #f0f0f0;
|
||||
}
|
||||
.ant-picker-time-panel-column-active {
|
||||
background: rgba(230, 247, 255, 0.2);
|
||||
}
|
||||
.ant-picker-time-panel-column:hover {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.ant-picker-time-panel-column > li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background 0.3s;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
|
||||
background: #e6f7ff;
|
||||
}
|
||||
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
background: transparent;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
/* stylelint-disable-next-line */
|
||||
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
|
||||
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
|
||||
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
|
||||
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
|
||||
padding: 21px 0;
|
||||
}
|
||||
.ant-picker {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 14px;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
padding: 4px 11px 4px;
|
||||
position: relative;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
|
||||
transition: border 0.3s, -webkit-box-shadow 0.3s;
|
||||
transition: border 0.3s, box-shadow 0.3s;
|
||||
transition: border 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
|
||||
}
|
||||
.ant-picker:hover,
|
||||
.ant-picker-focused {
|
||||
border-color: #40a9ff;
|
||||
border-right-width: 1px !important;
|
||||
}
|
||||
.ant-picker-focused {
|
||||
border-color: #40a9ff;
|
||||
border-right-width: 1px !important;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
||||
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
||||
}
|
||||
.ant-picker.ant-picker-disabled {
|
||||
background: #f5f5f5;
|
||||
border-color: #d9d9d9;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-picker.ant-picker-borderless {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.ant-picker-input {
|
||||
position: relative;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
}
|
||||
.ant-picker-input > input {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
padding: 4px 11px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 14px;
|
||||
line-height: 1.5715;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
min-width: 1px;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
.ant-picker-input > input::-moz-placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-picker-input > input::-webkit-input-placeholder {
|
||||
color: #bfbfbf;
|
||||
}
|
||||
.ant-picker-input > input:-ms-input-placeholder {
|
||||
color: #bfbfbf;
|
||||
}
|
||||
.ant-picker-input > input::-ms-input-placeholder {
|
||||
color: #bfbfbf;
|
||||
}
|
||||
.ant-picker-input > input::placeholder {
|
||||
color: #bfbfbf;
|
||||
}
|
||||
.ant-picker-input > input:placeholder-shown {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ant-picker-input > input:hover {
|
||||
border-color: #40a9ff;
|
||||
border-right-width: 1px !important;
|
||||
}
|
||||
.ant-picker-input > input:focus,
|
||||
.ant-picker-input > input-focused {
|
||||
border-color: #40a9ff;
|
||||
border-right-width: 1px !important;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
||||
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
||||
}
|
||||
.ant-picker-input > input-disabled {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
background-color: #f5f5f5;
|
||||
cursor: not-allowed;
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-picker-input > input-disabled:hover {
|
||||
border-color: #d9d9d9;
|
||||
border-right-width: 1px !important;
|
||||
}
|
||||
.ant-picker-input > input[disabled] {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
background-color: #f5f5f5;
|
||||
cursor: not-allowed;
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-picker-input > input[disabled]:hover {
|
||||
border-color: #d9d9d9;
|
||||
border-right-width: 1px !important;
|
||||
}
|
||||
textarea.ant-picker-input > input {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
min-height: 32px;
|
||||
line-height: 1.5715;
|
||||
vertical-align: bottom;
|
||||
-webkit-transition: all 0.3s, height 0s;
|
||||
transition: all 0.3s, height 0s;
|
||||
}
|
||||
.ant-picker-input > input-lg {
|
||||
padding: 6.5px 11px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.ant-picker-input > input-sm {
|
||||
padding: 0px 7px;
|
||||
}
|
||||
.ant-picker-input > input:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ant-picker-input > input[disabled] {
|
||||
background: transparent;
|
||||
}
|
||||
.ant-picker-input:hover .ant-picker-clear {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-picker-large {
|
||||
padding: 6.5px 11px 6.5px;
|
||||
}
|
||||
.ant-picker-large .ant-picker-input > input {
|
||||
font-size: 16px;
|
||||
}
|
||||
.ant-picker-small {
|
||||
padding: 0px 7px 0px;
|
||||
}
|
||||
.ant-picker-suffix {
|
||||
-ms-flex-item-align: center;
|
||||
align-self: center;
|
||||
margin-left: 4px;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
pointer-events: none;
|
||||
}
|
||||
.ant-picker-clear {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
background: #fff;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s, color 0.3s;
|
||||
transition: opacity 0.3s, color 0.3s;
|
||||
}
|
||||
.ant-picker-clear:hover {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ant-picker-separator {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 16px;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 16px;
|
||||
vertical-align: top;
|
||||
cursor: default;
|
||||
}
|
||||
.ant-picker-focused .ant-picker-separator {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-picker-range {
|
||||
position: relative;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
}
|
||||
.ant-picker-range .ant-picker-clear {
|
||||
right: 11px;
|
||||
}
|
||||
.ant-picker-range:hover .ant-picker-clear {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-picker-range .ant-picker-active-bar {
|
||||
bottom: -1px;
|
||||
height: 2px;
|
||||
margin-left: 11px;
|
||||
background: #1890ff;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-picker-range-separator {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 0 8px;
|
||||
line-height: 1;
|
||||
}
|
||||
.ant-picker-dropdown {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 14px;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
position: absolute;
|
||||
z-index: 1050;
|
||||
}
|
||||
.ant-picker-dropdown-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
|
||||
top: 1.66666667px;
|
||||
display: block;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
|
||||
bottom: 1.66666667px;
|
||||
display: block;
|
||||
-webkit-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
.ant-picker-dropdown-range {
|
||||
padding: 6.66666667px 0;
|
||||
}
|
||||
.ant-picker-dropdown-range-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
|
||||
padding-top: 4px;
|
||||
}
|
||||
.ant-picker-ranges {
|
||||
margin-bottom: 0;
|
||||
padding: 4px 12px;
|
||||
overflow: hidden;
|
||||
line-height: 34px;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
}
|
||||
.ant-picker-ranges > li {
|
||||
display: inline-block;
|
||||
}
|
||||
.ant-picker-ranges .ant-picker-preset span {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-picker-ranges .ant-picker-ok {
|
||||
float: right;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.ant-picker-range-wrapper {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ant-picker-range-arrow {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin-left: 16.5px;
|
||||
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
|
||||
box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
|
||||
-webkit-transition: left 0.3s ease-out;
|
||||
transition: left 0.3s ease-out;
|
||||
}
|
||||
.ant-picker-range-arrow::after {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: 5px solid #f0f0f0;
|
||||
border-color: #fff #fff transparent transparent;
|
||||
content: '';
|
||||
}
|
||||
.ant-picker-panel-container {
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
-webkit-transition: margin 0.3s;
|
||||
transition: margin 0.3s;
|
||||
}
|
||||
.ant-picker-panel-container .ant-picker-panels {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
.ant-picker-panel-container .ant-picker-panel {
|
||||
vertical-align: top;
|
||||
background: transparent;
|
||||
border-width: 0 0 1px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.ant-picker-panel-container .ant-picker-panel-focused {
|
||||
border-color: #f0f0f0;
|
||||
}
|
||||
.ant-picker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-picker-rtl .ant-picker-suffix {
|
||||
margin-right: 4px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-picker-rtl .ant-picker-clear {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.ant-picker-rtl .ant-picker-separator {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
|
||||
right: auto;
|
||||
left: 11px;
|
||||
}
|
||||
.ant-picker-dropdown-rtl .ant-picker-ranges {
|
||||
text-align: right;
|
||||
}
|
||||
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-picker-panel-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-prev-icon,
|
||||
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
|
||||
-webkit-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-next-icon,
|
||||
.ant-picker-panel-rtl .ant-picker-super-next-icon {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.ant-picker-cell .ant-picker-cell-inner {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: background 0.3s, border 0.3s;
|
||||
transition: background 0.3s, border 0.3s;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
|
||||
right: 50%;
|
||||
left: 0;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
|
||||
right: 0;
|
||||
left: 50%;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
|
||||
right: 0;
|
||||
left: -7px;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
|
||||
right: -7px;
|
||||
left: 0;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
|
||||
right: 0;
|
||||
left: 50%;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
|
||||
right: 50%;
|
||||
left: 0;
|
||||
}
|
||||
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
|
||||
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
|
||||
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
|
||||
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
|
||||
right: 6px;
|
||||
left: 0;
|
||||
border-right: 1px dashed #7ec1ff;
|
||||
border-left: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
|
||||
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
|
||||
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
|
||||
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
|
||||
right: 0;
|
||||
left: 6px;
|
||||
border-right: none;
|
||||
border-left: 1px dashed #7ec1ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
|
||||
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
|
||||
right: 6px;
|
||||
border-right: 1px dashed #7ec1ff;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after {
|
||||
left: 6px;
|
||||
border-left: 1px dashed #7ec1ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.ant-picker-panel-rtl .ant-picker-time-panel {
|
||||
direction: ltr;
|
||||
}
|
||||
3
web/node_modules/antd/lib/date-picker/style/index.d.ts
generated
vendored
Normal file
3
web/node_modules/antd/lib/date-picker/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import './index.less';
|
||||
import '../../tag/style';
|
||||
import '../../button/style';
|
||||
7
web/node_modules/antd/lib/date-picker/style/index.js
generated
vendored
Normal file
7
web/node_modules/antd/lib/date-picker/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
"use strict";
|
||||
|
||||
require("./index.less");
|
||||
|
||||
require("../../tag/style");
|
||||
|
||||
require("../../button/style");
|
||||
304
web/node_modules/antd/lib/date-picker/style/index.less
generated
vendored
Normal file
304
web/node_modules/antd/lib/date-picker/style/index.less
generated
vendored
Normal file
@@ -0,0 +1,304 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../input/style/mixin';
|
||||
@import './panel';
|
||||
|
||||
@picker-prefix-cls: ~'@{ant-prefix}-picker';
|
||||
@picker-text-height: 40px;
|
||||
|
||||
.picker-padding(@input-height, @font-size, @padding-horizontal) {
|
||||
// font height probably 22.0001， So use floor better
|
||||
@font-height: floor(@font-size * @line-height-base) + 2;
|
||||
@padding-top: max((@input-height - @font-height) / 2, 0);
|
||||
@padding-bottom: max(@input-height - @font-height - @padding-top, 0);
|
||||
padding: @padding-top @padding-horizontal @padding-bottom;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls} {
|
||||
@vertical-fix-base: @input-height-base - ceil(@font-size-base * @line-height-base) - 2 *
|
||||
@input-padding-vertical-base - 2 * @border-width-base;
|
||||
@vertical-fix-lg: @input-height-lg - ceil(@font-size-lg * @line-height-base) - 2 *
|
||||
@input-padding-vertical-lg - 2 * @border-width-base;
|
||||
@vertical-fix-sm: @input-height-sm - ceil(@font-size-base * @line-height-base) - 2 *
|
||||
@input-padding-vertical-sm - 2 * @border-width-base;
|
||||
@arrow-size: 10px;
|
||||
|
||||
.reset-component;
|
||||
.picker-padding(@input-height-base, @font-size-base, @input-padding-horizontal-base);
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
background: @picker-bg;
|
||||
border: @border-width-base @border-style-base @select-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
transition: border @animation-duration-slow, box-shadow @animation-duration-slow;
|
||||
|
||||
&:hover,
|
||||
&-focused {
|
||||
.hover();
|
||||
}
|
||||
|
||||
&-focused {
|
||||
.active();
|
||||
}
|
||||
|
||||
&&-disabled {
|
||||
background: @input-disabled-bg;
|
||||
border-color: @select-border-color;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&&-borderless {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
// ======================== Input =========================
|
||||
&-input {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
|
||||
> input {
|
||||
.input();
|
||||
flex: auto;
|
||||
|
||||
// Fix Firefox flex not correct:
|
||||
// https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
|
||||
min-width: 1px;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
|
||||
border: 0;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{picker-prefix-cls}-clear {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Size
|
||||
&-large {
|
||||
.picker-padding(@input-height-lg, @font-size-lg, @input-padding-horizontal-lg);
|
||||
|
||||
.@{picker-prefix-cls}-input > input {
|
||||
font-size: @font-size-lg;
|
||||
}
|
||||
}
|
||||
|
||||
&-small {
|
||||
.picker-padding(@input-height-sm, @font-size-base, @input-padding-horizontal-sm);
|
||||
}
|
||||
|
||||
&-suffix {
|
||||
align-self: center;
|
||||
margin-left: @padding-xs / 2;
|
||||
color: @text-color-secondary;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&-clear {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
color: @text-color-secondary;
|
||||
background: @component-background;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
transition: opacity @animation-duration-slow, color @animation-duration-slow;
|
||||
|
||||
&:hover {
|
||||
color: @disabled-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-separator {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: @font-size-lg;
|
||||
color: @disabled-color;
|
||||
font-size: @font-size-lg;
|
||||
vertical-align: top;
|
||||
cursor: default;
|
||||
|
||||
.@{picker-prefix-cls}-focused & {
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-range-separator & {
|
||||
.@{picker-prefix-cls}-disabled & {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======================== Range =========================
|
||||
&-range {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
|
||||
// Clear
|
||||
.@{picker-prefix-cls}-clear {
|
||||
right: @input-padding-horizontal-base;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{picker-prefix-cls}-clear {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active bar
|
||||
.@{picker-prefix-cls}-active-bar {
|
||||
bottom: -@border-width-base;
|
||||
height: 2px;
|
||||
margin-left: @input-padding-horizontal-base;
|
||||
background: @primary-color;
|
||||
opacity: 0;
|
||||
transition: all @animation-duration-slow ease-out;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&.@{picker-prefix-cls}-focused {
|
||||
.@{picker-prefix-cls}-active-bar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&-separator {
|
||||
align-items: center;
|
||||
padding: 0 @padding-xs;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// ======================= Dropdown =======================
|
||||
&-dropdown {
|
||||
.reset-component;
|
||||
position: absolute;
|
||||
z-index: @zindex-picker;
|
||||
|
||||
&-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-placement-bottomLeft {
|
||||
.@{picker-prefix-cls}-range-arrow {
|
||||
top: @arrow-size / 2 - @arrow-size / 3;
|
||||
display: block;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
}
|
||||
|
||||
&-placement-topLeft {
|
||||
.@{picker-prefix-cls}-range-arrow {
|
||||
bottom: @arrow-size / 2 - @arrow-size / 3;
|
||||
display: block;
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-dropdown-range {
|
||||
padding: (@arrow-size * 2 / 3) 0;
|
||||
|
||||
&-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Time picker with additional style
|
||||
&-dropdown &-panel > &-time-panel {
|
||||
padding-top: @padding-xs / 2;
|
||||
}
|
||||
|
||||
// ======================== Ranges ========================
|
||||
&-ranges {
|
||||
margin-bottom: 0;
|
||||
padding: @padding-xs / 2 @padding-sm;
|
||||
overflow: hidden;
|
||||
line-height: @picker-text-height - 2 * @border-width-base - @padding-xs / 2;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
|
||||
> li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-preset span {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-ok {
|
||||
float: right;
|
||||
margin-left: @padding-xs;
|
||||
}
|
||||
}
|
||||
|
||||
&-range-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&-range-arrow {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
width: @arrow-size;
|
||||
height: @arrow-size;
|
||||
margin-left: @input-padding-horizontal-base * 1.5;
|
||||
box-shadow: 2px -2px 6px fade(@black, 6%);
|
||||
transition: left @animation-duration-slow ease-out;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: @border-width-base;
|
||||
right: @border-width-base;
|
||||
width: @arrow-size;
|
||||
height: @arrow-size;
|
||||
border: @arrow-size / 2 solid @border-color-split;
|
||||
border-color: @calendar-bg @calendar-bg transparent transparent;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
&-panel-container {
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
background: @calendar-bg;
|
||||
border-radius: @border-radius-base;
|
||||
box-shadow: @box-shadow-base;
|
||||
transition: margin @animation-duration-slow;
|
||||
|
||||
.@{picker-prefix-cls}-panels {
|
||||
display: inline-flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-panel {
|
||||
vertical-align: top;
|
||||
background: transparent;
|
||||
border-width: 0 0 @border-width-base 0;
|
||||
border-radius: 0;
|
||||
|
||||
&-focused {
|
||||
border-color: @border-color-split;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@import './rtl';
|
||||
664
web/node_modules/antd/lib/date-picker/style/panel.less
generated
vendored
Normal file
664
web/node_modules/antd/lib/date-picker/style/panel.less
generated
vendored
Normal file
@@ -0,0 +1,664 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../input/style/mixin';
|
||||
|
||||
@picker-cell-inner-cls: ~'@{picker-prefix-cls}-cell-inner';
|
||||
|
||||
.@{picker-prefix-cls} {
|
||||
@picker-arrow-size: 7px;
|
||||
@picker-panel-width: 280px;
|
||||
@picker-year-month-cell-width: 60px;
|
||||
|
||||
&-panel {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
background: @calendar-bg;
|
||||
border: @border-width-base @border-style-base @picker-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
outline: none;
|
||||
|
||||
&-focused {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================================================
|
||||
// = Shared Panel =
|
||||
// ========================================================
|
||||
&-decade-panel,
|
||||
&-year-panel,
|
||||
&-quarter-panel,
|
||||
&-month-panel,
|
||||
&-week-panel,
|
||||
&-date-panel,
|
||||
&-time-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: @picker-panel-width;
|
||||
}
|
||||
|
||||
// ======================= Header =======================
|
||||
&-header {
|
||||
display: flex;
|
||||
padding: 0 @padding-xs;
|
||||
color: @heading-color;
|
||||
border-bottom: @border-width-base @border-style-base @picker-border-color;
|
||||
|
||||
> * {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 0;
|
||||
color: @disabled-color;
|
||||
line-height: @picker-text-height;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
transition: color @animation-duration-slow;
|
||||
}
|
||||
|
||||
> button {
|
||||
min-width: 1.6em;
|
||||
font-size: @font-size-base;
|
||||
|
||||
&:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-view {
|
||||
flex: auto;
|
||||
font-weight: 500;
|
||||
line-height: @picker-text-height;
|
||||
|
||||
button {
|
||||
color: inherit;
|
||||
font-weight: inherit;
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-left: @padding-xs;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Arrow button
|
||||
&-prev-icon,
|
||||
&-next-icon,
|
||||
&-super-prev-icon,
|
||||
&-super-next-icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: @picker-arrow-size;
|
||||
height: @picker-arrow-size;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: @picker-arrow-size;
|
||||
height: @picker-arrow-size;
|
||||
border: 0 solid currentColor;
|
||||
border-width: 1.5px 0 0 1.5px;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
&-super-prev-icon,
|
||||
&-super-next-icon {
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: ceil(@picker-arrow-size / 2);
|
||||
left: ceil(@picker-arrow-size / 2);
|
||||
display: inline-block;
|
||||
width: @picker-arrow-size;
|
||||
height: @picker-arrow-size;
|
||||
border: 0 solid currentColor;
|
||||
border-width: 1.5px 0 0 1.5px;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
&-prev-icon,
|
||||
&-super-prev-icon {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
&-next-icon,
|
||||
&-super-next-icon {
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
// ======================== Body ========================
|
||||
&-content {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
|
||||
th,
|
||||
td {
|
||||
position: relative;
|
||||
min-width: 24px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
th {
|
||||
height: 30px;
|
||||
color: @text-color;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.picker-cell-inner(@cellClassName) {
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
height: 24px;
|
||||
transform: translateY(-50%);
|
||||
content: '';
|
||||
}
|
||||
|
||||
// >>> Default
|
||||
.@{cellClassName} {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
border-radius: @border-radius-base;
|
||||
transition: background @animation-duration-slow, border @animation-duration-slow;
|
||||
}
|
||||
|
||||
// >>> Hover
|
||||
&:hover:not(&-in-view),
|
||||
&:hover:not(&-selected):not(&-range-start):not(&-range-end):not(&-range-hover-start):not(&-range-hover-end) {
|
||||
.@{cellClassName} {
|
||||
background: @picker-basic-cell-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
// >>> Today
|
||||
&-in-view&-today .@{cellClassName} {
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
border: @border-width-base @border-style-base @primary-color;
|
||||
border-radius: @border-radius-base;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
// >>> In Range
|
||||
&-in-view&-in-range {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
background: @picker-basic-cell-active-with-range-color;
|
||||
}
|
||||
}
|
||||
|
||||
// >>> Selected
|
||||
&-in-view&-selected .@{cellClassName},
|
||||
&-in-view&-range-start .@{cellClassName},
|
||||
&-in-view&-range-end .@{cellClassName} {
|
||||
color: @text-color-inverse;
|
||||
background: @primary-color;
|
||||
}
|
||||
|
||||
&-in-view&-range-start:not(&-range-start-single),
|
||||
&-in-view&-range-end:not(&-range-end-single) {
|
||||
&::before {
|
||||
background: @picker-basic-cell-active-with-range-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-in-view&-range-start::before {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
&-in-view&-range-end::before {
|
||||
right: 50%;
|
||||
}
|
||||
|
||||
// >>> Range Hover
|
||||
&-in-view&-range-hover-start:not(&-in-range):not(&-range-start):not(&-range-end),
|
||||
&-in-view&-range-hover-end:not(&-in-range):not(&-range-start):not(&-range-end),
|
||||
&-in-view&-range-hover-start&-range-start-single,
|
||||
&-in-view&-range-hover-end&-range-end-single,
|
||||
&-in-view&-range-hover:not(&-in-range) {
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 0;
|
||||
height: 24px;
|
||||
border-top: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-bottom: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
transform: translateY(-50%);
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
// Add space for stash
|
||||
&-range-hover-start::after,
|
||||
&-range-hover-end::after,
|
||||
&-range-hover::after {
|
||||
right: 0;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
// Hover with in range
|
||||
&-in-view&-in-range&-range-hover::before,
|
||||
&-in-view&-range-start&-range-hover::before,
|
||||
&-in-view&-range-end&-range-hover::before,
|
||||
&-in-view&-range-start:not(&-range-start-single)&-range-hover-start::before,
|
||||
&-in-view&-range-end:not(&-range-end-single)&-range-hover-end::before,
|
||||
.@{picker-prefix-cls}-panel
|
||||
> :not(.@{picker-prefix-cls}-date-panel)
|
||||
&-in-view&-in-range&-range-hover-start::before,
|
||||
.@{picker-prefix-cls}-panel
|
||||
> :not(.@{picker-prefix-cls}-date-panel)
|
||||
&-in-view&-in-range&-range-hover-end::before {
|
||||
background: @picker-date-hover-range-color;
|
||||
}
|
||||
|
||||
// range start border-radius
|
||||
&-in-view&-range-start:not(&-range-start-single):not(&-range-end) .@{cellClassName} {
|
||||
border-radius: @border-radius-base 0 0 @border-radius-base;
|
||||
}
|
||||
// range end border-radius
|
||||
&-in-view&-range-end:not(&-range-end-single):not(&-range-start) .@{cellClassName} {
|
||||
border-radius: 0 @border-radius-base @border-radius-base 0;
|
||||
}
|
||||
|
||||
// DatePanel only
|
||||
.@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-start .@{cellClassName},
|
||||
.@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName} {
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
background: @picker-date-hover-range-color;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
.@{picker-prefix-cls}-date-panel
|
||||
&-in-view&-in-range&-range-hover-start
|
||||
.@{cellClassName}::after {
|
||||
right: -6px - @border-width-base;
|
||||
left: 0;
|
||||
}
|
||||
.@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
|
||||
right: 0;
|
||||
left: -6px - @border-width-base;
|
||||
}
|
||||
|
||||
// Hover with range start & end
|
||||
&-range-hover&-range-start::after {
|
||||
right: 50%;
|
||||
}
|
||||
&-range-hover&-range-end::after {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
// Edge start
|
||||
tr > &-in-view&-range-hover:first-child::after,
|
||||
tr > &-in-view&-range-hover-end:first-child::after,
|
||||
&-in-view&-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,
|
||||
&-in-view&-range-hover-start::after {
|
||||
left: 6px;
|
||||
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-top-left-radius: @border-radius-base;
|
||||
border-bottom-left-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
// Edge end
|
||||
tr > &-in-view&-range-hover:last-child::after,
|
||||
tr > &-in-view&-range-hover-start:last-child::after,
|
||||
&-in-view&-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,
|
||||
&-in-view&-range-hover-end::after {
|
||||
right: 6px;
|
||||
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-top-right-radius: @border-radius-base;
|
||||
border-bottom-right-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
// >>> Disabled
|
||||
&-disabled {
|
||||
pointer-events: none;
|
||||
|
||||
.@{cellClassName} {
|
||||
color: @disabled-color;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&::before {
|
||||
background: @picker-basic-cell-disabled-bg;
|
||||
}
|
||||
}
|
||||
&-disabled&-today .@{cellClassName}::before {
|
||||
border-color: @disabled-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-cell {
|
||||
padding: 3px 0;
|
||||
color: @disabled-color;
|
||||
cursor: pointer;
|
||||
|
||||
// In view
|
||||
&-in-view {
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
// Disabled
|
||||
&-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.picker-cell-inner(~'@{picker-cell-inner-cls}');
|
||||
}
|
||||
|
||||
&-decade-panel,
|
||||
&-year-panel,
|
||||
&-quarter-panel,
|
||||
&-month-panel {
|
||||
.@{picker-prefix-cls}-content {
|
||||
height: 265px;
|
||||
}
|
||||
|
||||
.@{picker-cell-inner-cls} {
|
||||
padding: 0 @padding-xs;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-cell {
|
||||
&-disabled .@{picker-cell-inner-cls} {
|
||||
background: @picker-basic-cell-disabled-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-quarter-panel {
|
||||
.@{picker-prefix-cls}-content {
|
||||
height: 56px;
|
||||
}
|
||||
}
|
||||
|
||||
// ======================== Footer ========================
|
||||
&-footer {
|
||||
line-height: @picker-text-height - 2 * @border-width-base;
|
||||
text-align: center;
|
||||
border-bottom: @border-width-base @border-style-base transparent;
|
||||
|
||||
.@{picker-prefix-cls}-panel & {
|
||||
border-top: @border-width-base @border-style-base @picker-border-color;
|
||||
}
|
||||
|
||||
&-extra {
|
||||
padding: 0 @padding-sm;
|
||||
line-height: @picker-text-height - 2 * @border-width-base;
|
||||
text-align: left;
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: @border-width-base @border-style-base @picker-border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-now {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&-today-btn {
|
||||
color: @link-color;
|
||||
|
||||
&:hover {
|
||||
color: @link-hover-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: @link-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================================================
|
||||
// = Special =
|
||||
// ========================================================
|
||||
|
||||
// ===================== Decade Panel =====================
|
||||
&-decade-panel {
|
||||
.@{picker-cell-inner-cls} {
|
||||
padding: 0 (@padding-xs / 2);
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-cell::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// ============= Year & Quarter & Month Panel =============
|
||||
&-year-panel,
|
||||
&-quarter-panel,
|
||||
&-month-panel {
|
||||
@hover-cell-fixed-distance: (
|
||||
(@picker-panel-width - @padding-xs * 2) / 3 - @picker-year-month-cell-width
|
||||
) / 2;
|
||||
|
||||
.@{picker-prefix-cls}-body {
|
||||
padding: 0 @padding-xs;
|
||||
}
|
||||
|
||||
.@{picker-cell-inner-cls} {
|
||||
width: @picker-year-month-cell-width;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-cell-range-hover-start::after {
|
||||
left: @hover-cell-fixed-distance;
|
||||
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-radius: @border-radius-base 0 0 @border-radius-base;
|
||||
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: @hover-cell-fixed-distance;
|
||||
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-radius: 0 @border-radius-base @border-radius-base 0;
|
||||
}
|
||||
}
|
||||
.@{picker-prefix-cls}-cell-range-hover-end::after {
|
||||
right: @hover-cell-fixed-distance;
|
||||
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-radius: 0 @border-radius-base @border-radius-base 0;
|
||||
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
left: @hover-cell-fixed-distance;
|
||||
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-radius: @border-radius-base 0 0 @border-radius-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ====================== Week Panel ======================
|
||||
&-week-panel {
|
||||
.@{picker-prefix-cls}-body {
|
||||
padding: @padding-xs @padding-sm;
|
||||
}
|
||||
|
||||
// Clear cell style
|
||||
.@{picker-prefix-cls}-cell {
|
||||
&:hover .@{picker-cell-inner-cls},
|
||||
&-selected .@{picker-cell-inner-cls},
|
||||
.@{picker-cell-inner-cls} {
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-row {
|
||||
td {
|
||||
transition: background @animation-duration-slow;
|
||||
}
|
||||
|
||||
&:hover td {
|
||||
background: @picker-basic-cell-hover-color;
|
||||
}
|
||||
|
||||
&-selected td,
|
||||
&-selected:hover td {
|
||||
background: @primary-color;
|
||||
|
||||
&.@{picker-prefix-cls}-cell-week {
|
||||
color: fade(@text-color-inverse, 50%);
|
||||
}
|
||||
|
||||
&.@{picker-prefix-cls}-cell-today .@{picker-cell-inner-cls}::before {
|
||||
border-color: @text-color-inverse;
|
||||
}
|
||||
|
||||
.@{picker-cell-inner-cls} {
|
||||
color: @text-color-inverse;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ====================== Date Panel ======================
|
||||
&-date-panel {
|
||||
.@{picker-prefix-cls}-body {
|
||||
padding: @padding-xs @padding-sm;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-content {
|
||||
width: 36px * 7;
|
||||
|
||||
th {
|
||||
width: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== Datetime Panel ====================
|
||||
&-datetime-panel {
|
||||
display: flex;
|
||||
|
||||
.@{picker-prefix-cls}-time-panel {
|
||||
border-left: @border-width-base @border-style-base @picker-border-color;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-date-panel,
|
||||
.@{picker-prefix-cls}-time-panel {
|
||||
transition: opacity @animation-duration-slow;
|
||||
}
|
||||
|
||||
// Keyboard
|
||||
&-active {
|
||||
.@{picker-prefix-cls}-date-panel,
|
||||
.@{picker-prefix-cls}-time-panel {
|
||||
opacity: 0.3;
|
||||
|
||||
&-active {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ====================== Time Panel ======================
|
||||
&-time-panel {
|
||||
width: auto;
|
||||
min-width: auto;
|
||||
|
||||
.@{picker-prefix-cls}-content {
|
||||
display: flex;
|
||||
flex: auto;
|
||||
height: 224px;
|
||||
}
|
||||
|
||||
&-column {
|
||||
flex: 1 0 auto;
|
||||
width: 56px;
|
||||
margin: 0;
|
||||
padding: 0 0 194px 0;
|
||||
overflow-y: hidden;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
transition: background @animation-duration-slow;
|
||||
|
||||
&:not(:first-child) {
|
||||
border-left: @border-width-base @border-style-base @picker-border-color;
|
||||
}
|
||||
|
||||
&-active {
|
||||
background: fade(@calendar-item-active-bg, 20%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
> li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&.@{picker-prefix-cls}-time-panel-cell {
|
||||
.@{picker-prefix-cls}-time-panel-cell-inner {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: @picker-time-panel-cell-height;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: @text-color;
|
||||
line-height: @picker-time-panel-cell-height;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
cursor: pointer;
|
||||
transition: background @animation-duration-slow;
|
||||
|
||||
&:hover {
|
||||
background: @item-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&-selected {
|
||||
.@{picker-prefix-cls}-time-panel-cell-inner {
|
||||
background: @calendar-item-active-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
.@{picker-prefix-cls}-time-panel-cell-inner {
|
||||
color: @disabled-color;
|
||||
background: transparent;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Fix IE11 render bug by css hacks
|
||||
// https://github.com/ant-design/ant-design/issues/21559
|
||||
// https://codepen.io/afc163-1472555193/pen/mdJRaNj?editors=0110
|
||||
/* stylelint-disable-next-line */
|
||||
_:-ms-fullscreen,
|
||||
:root {
|
||||
.@{picker-prefix-cls}-range-wrapper {
|
||||
.@{picker-prefix-cls}-month-panel .@{picker-prefix-cls}-cell,
|
||||
.@{picker-prefix-cls}-year-panel .@{picker-prefix-cls}-cell {
|
||||
padding: 21px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
208
web/node_modules/antd/lib/date-picker/style/rtl.less
generated
vendored
Normal file
208
web/node_modules/antd/lib/date-picker/style/rtl.less
generated
vendored
Normal file
@@ -0,0 +1,208 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../input/style/mixin';
|
||||
|
||||
@picker-prefix-cls: ~'@{ant-prefix}-picker';
|
||||
@picker-cell-inner-cls: ~'@{picker-prefix-cls}-cell-inner';
|
||||
|
||||
.@{picker-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
&-suffix {
|
||||
.@{picker-prefix-cls}-rtl & {
|
||||
margin-right: @padding-xs / 2;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-clear {
|
||||
.@{picker-prefix-cls}-rtl & {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-separator {
|
||||
.@{picker-prefix-cls}-rtl & {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
&-header {
|
||||
&-view {
|
||||
button {
|
||||
&:not(:first-child) {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
margin-right: @padding-xs;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======================== Range =========================
|
||||
&-range {
|
||||
// Clear
|
||||
.@{picker-prefix-cls}-clear {
|
||||
.@{picker-prefix-cls}-rtl& {
|
||||
right: auto;
|
||||
left: @input-padding-horizontal-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======================== Ranges ========================
|
||||
&-ranges {
|
||||
.@{picker-prefix-cls}-dropdown-rtl & {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-ok {
|
||||
.@{picker-prefix-cls}-dropdown-rtl & {
|
||||
float: left;
|
||||
margin-right: @padding-xs;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======================== Panel ========================
|
||||
&-panel {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
|
||||
&-prev-icon,
|
||||
&-super-prev-icon {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
}
|
||||
|
||||
&-next-icon,
|
||||
&-super-next-icon {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
}
|
||||
|
||||
&-cell {
|
||||
.picker-cell-inner(~'@{picker-cell-inner-cls}');
|
||||
}
|
||||
|
||||
.picker-cell-inner(@cellClassName) {
|
||||
.@{cellClassName} {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
border-radius: @border-radius-base;
|
||||
transition: background @animation-duration-slow, border @animation-duration-slow;
|
||||
}
|
||||
|
||||
&-in-view&-range-start::before {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: 50%;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
&-in-view&-range-end::before {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: 0;
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
.@{picker-prefix-cls}-date-panel
|
||||
&-in-view&-in-range&-range-hover-start
|
||||
.@{cellClassName}::after {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: 0;
|
||||
left: -6px - @border-width-base;
|
||||
}
|
||||
}
|
||||
.@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: -6px - @border-width-base;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
// Hover with range start & end
|
||||
&-range-hover&-range-start::after {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: 0;
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
&-range-hover&-range-end::after {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: 50%;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Edge start
|
||||
tr > &-in-view&-range-hover:first-child::after,
|
||||
tr > &-in-view&-range-hover-end:first-child::after,
|
||||
&-in-view&-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,
|
||||
&-in-view&-range-hover-start::after {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: 6px;
|
||||
left: 0;
|
||||
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-left: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: @border-radius-base;
|
||||
border-bottom-right-radius: @border-radius-base;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Edge end
|
||||
tr > &-in-view&-range-hover:last-child::after,
|
||||
tr > &-in-view&-range-hover-start:last-child::after,
|
||||
&-in-view&-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,
|
||||
&-in-view&-range-hover-end::after {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: 0;
|
||||
left: 6px;
|
||||
border-right: none;
|
||||
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-top-left-radius: @border-radius-base;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: @border-radius-base;
|
||||
}
|
||||
}
|
||||
|
||||
tr > &-in-view&-range-hover-start:last-child::after,
|
||||
&-in-view&-range-hover-start&-in-view&-range-hover-end::after {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
right: 6px;
|
||||
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-top-right-radius: @border-radius-base;
|
||||
border-bottom-right-radius: @border-radius-base;
|
||||
}
|
||||
}
|
||||
|
||||
tr > &-in-view&-range-hover-end:first-child::after {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
left: 6px;
|
||||
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
|
||||
border-top-left-radius: @border-radius-base;
|
||||
border-bottom-left-radius: @border-radius-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-time-panel {
|
||||
.@{picker-prefix-cls}-panel-rtl & {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user