Latest updates from IceHrmPro
This commit is contained in:
Thilina Pituwala
36
web/node_modules/antd/es/steps/index.d.ts
generated
vendored
Normal file
36
web/node_modules/antd/es/steps/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
import * as React from 'react';
|
||||
import { ConfigConsumerProps } from '../config-provider';
|
||||
export interface StepsProps {
|
||||
type?: 'default' | 'navigation';
|
||||
className?: string;
|
||||
current?: number;
|
||||
direction?: 'horizontal' | 'vertical';
|
||||
iconPrefix?: string;
|
||||
initial?: number;
|
||||
labelPlacement?: 'horizontal' | 'vertical';
|
||||
prefixCls?: string;
|
||||
progressDot?: boolean | Function;
|
||||
size?: 'default' | 'small';
|
||||
status?: 'wait' | 'process' | 'finish' | 'error';
|
||||
style?: React.CSSProperties;
|
||||
onChange?: (current: number) => void;
|
||||
}
|
||||
export interface StepProps {
|
||||
className?: string;
|
||||
description?: React.ReactNode;
|
||||
icon?: React.ReactNode;
|
||||
onClick?: React.MouseEventHandler<HTMLElement>;
|
||||
status?: 'wait' | 'process' | 'finish' | 'error';
|
||||
disabled?: boolean;
|
||||
title?: React.ReactNode;
|
||||
subTitle?: React.ReactNode;
|
||||
style?: React.CSSProperties;
|
||||
}
|
||||
export default class Steps extends React.Component<StepsProps, any> {
|
||||
static Step: React.ClassicComponentClass<StepProps>;
|
||||
static defaultProps: {
|
||||
current: number;
|
||||
};
|
||||
renderSteps: ({ getPrefixCls, direction }: ConfigConsumerProps) => JSX.Element;
|
||||
render(): JSX.Element;
|
||||
}
|
||||
86
web/node_modules/antd/es/steps/index.js
generated
vendored
Normal file
86
web/node_modules/antd/es/steps/index.js
generated
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||||
|
||||
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
|
||||
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
||||
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
|
||||
import * as React from 'react';
|
||||
import RcSteps from 'rc-steps';
|
||||
import CheckOutlined from '@ant-design/icons/CheckOutlined';
|
||||
import CloseOutlined from '@ant-design/icons/CloseOutlined';
|
||||
import classNames from 'classnames';
|
||||
import { ConfigConsumer } from '../config-provider';
|
||||
|
||||
var Steps = /*#__PURE__*/function (_React$Component) {
|
||||
_inherits(Steps, _React$Component);
|
||||
|
||||
var _super = _createSuper(Steps);
|
||||
|
||||
function Steps() {
|
||||
var _this;
|
||||
|
||||
_classCallCheck(this, Steps);
|
||||
|
||||
_this = _super.apply(this, arguments);
|
||||
|
||||
_this.renderSteps = function (_ref) {
|
||||
var getPrefixCls = _ref.getPrefixCls,
|
||||
direction = _ref.direction;
|
||||
var prefixCls = getPrefixCls('steps', _this.props.prefixCls);
|
||||
var iconPrefix = getPrefixCls('', _this.props.iconPrefix);
|
||||
var className = classNames(_this.props.className, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
|
||||
var icons = {
|
||||
finish: /*#__PURE__*/React.createElement(CheckOutlined, {
|
||||
className: "".concat(prefixCls, "-finish-icon")
|
||||
}),
|
||||
error: /*#__PURE__*/React.createElement(CloseOutlined, {
|
||||
className: "".concat(prefixCls, "-error-icon")
|
||||
})
|
||||
};
|
||||
return /*#__PURE__*/React.createElement(RcSteps, _extends({
|
||||
icons: icons
|
||||
}, _this.props, {
|
||||
prefixCls: prefixCls,
|
||||
iconPrefix: iconPrefix,
|
||||
className: className
|
||||
}));
|
||||
};
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Steps, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return /*#__PURE__*/React.createElement(ConfigConsumer, null, this.renderSteps);
|
||||
}
|
||||
}]);
|
||||
|
||||
return Steps;
|
||||
}(React.Component);
|
||||
|
||||
export { Steps as default };
|
||||
Steps.Step = RcSteps.Step;
|
||||
Steps.defaultProps = {
|
||||
current: 0
|
||||
};
|
||||
2
web/node_modules/antd/es/steps/style/css.js
generated
vendored
Normal file
2
web/node_modules/antd/es/steps/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import '../../style/index.css';
|
||||
import './index.css';
|
||||
32
web/node_modules/antd/es/steps/style/custom-icon.less
generated
vendored
Normal file
32
web/node_modules/antd/es/steps/style/custom-icon.less
generated
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
.@{steps-prefix-cls}-item-custom {
|
||||
.@{steps-prefix-cls}-item-icon {
|
||||
height: auto;
|
||||
background: none;
|
||||
border: 0;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
top: @steps-icon-custom-top;
|
||||
left: 0.5px;
|
||||
width: @steps-icon-custom-size;
|
||||
height: @steps-icon-custom-size;
|
||||
font-size: @steps-icon-custom-font-size;
|
||||
line-height: @steps-icon-custom-size;
|
||||
}
|
||||
}
|
||||
&.@{steps-prefix-cls}-item-process {
|
||||
.@{steps-prefix-cls}-item-icon > .@{steps-prefix-cls}-icon {
|
||||
color: @process-icon-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Only adjust horizontal customize icon width
|
||||
.@{steps-prefix-cls} {
|
||||
&:not(.@{steps-prefix-cls}-vertical) {
|
||||
.@{steps-prefix-cls}-item-custom {
|
||||
.@{steps-prefix-cls}-item-icon {
|
||||
width: auto;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
793
web/node_modules/antd/es/steps/style/index.css
generated
vendored
Normal file
793
web/node_modules/antd/es/steps/style/index.css
generated
vendored
Normal file
@@ -0,0 +1,793 @@
|
||||
/* 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-steps {
|
||||
-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';
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
.ant-steps-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
}
|
||||
.ant-steps-item-container {
|
||||
outline: none;
|
||||
}
|
||||
.ant-steps-item:last-child {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
}
|
||||
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
|
||||
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-steps-item-icon,
|
||||
.ant-steps-item-content {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.ant-steps-item-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 8px 0 0;
|
||||
font-size: 16px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||
border-radius: 32px;
|
||||
-webkit-transition: background-color 0.3s, border-color 0.3s;
|
||||
transition: background-color 0.3s, border-color 0.3s;
|
||||
}
|
||||
.ant-steps-item-icon > .ant-steps-icon {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
color: #1890ff;
|
||||
line-height: 1;
|
||||
}
|
||||
.ant-steps-item-tail {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.ant-steps-item-tail::after {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: #f0f0f0;
|
||||
border-radius: 1px;
|
||||
-webkit-transition: background 0.3s;
|
||||
transition: background 0.3s;
|
||||
content: '';
|
||||
}
|
||||
.ant-steps-item-title {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-right: 16px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.ant-steps-item-title::after {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 100%;
|
||||
display: block;
|
||||
width: 9999px;
|
||||
height: 1px;
|
||||
background: #f0f0f0;
|
||||
content: '';
|
||||
}
|
||||
.ant-steps-item-subtitle {
|
||||
display: inline;
|
||||
margin-left: 8px;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ant-steps-item-description {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-size: 14px;
|
||||
}
|
||||
.ant-steps-item-wait .ant-steps-item-icon {
|
||||
background-color: #fff;
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.ant-steps-item-process .ant-steps-item-icon {
|
||||
background-color: #fff;
|
||||
border-color: #1890ff;
|
||||
}
|
||||
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
|
||||
background: #1890ff;
|
||||
}
|
||||
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.ant-steps-item-process .ant-steps-item-icon {
|
||||
background: #1890ff;
|
||||
}
|
||||
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.ant-steps-item-process .ant-steps-item-title {
|
||||
font-weight: 500;
|
||||
}
|
||||
.ant-steps-item-finish .ant-steps-item-icon {
|
||||
background-color: #fff;
|
||||
border-color: #1890ff;
|
||||
}
|
||||
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
|
||||
background: #1890ff;
|
||||
}
|
||||
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
|
||||
background-color: #1890ff;
|
||||
}
|
||||
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
|
||||
background-color: #1890ff;
|
||||
}
|
||||
.ant-steps-item-error .ant-steps-item-icon {
|
||||
background-color: #fff;
|
||||
border-color: #ff4d4f;
|
||||
}
|
||||
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
|
||||
color: #ff4d4f;
|
||||
}
|
||||
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
|
||||
background: #ff4d4f;
|
||||
}
|
||||
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
|
||||
color: #ff4d4f;
|
||||
}
|
||||
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
|
||||
color: #ff4d4f;
|
||||
}
|
||||
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
|
||||
background: #ff4d4f;
|
||||
}
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
|
||||
-webkit-transition: color 0.3s;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
|
||||
border-color: #1890ff;
|
||||
}
|
||||
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
|
||||
margin-right: 16px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
|
||||
padding-right: 0;
|
||||
}
|
||||
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
|
||||
display: none;
|
||||
}
|
||||
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
|
||||
max-width: 140px;
|
||||
white-space: normal;
|
||||
}
|
||||
.ant-steps-item-custom .ant-steps-item-icon {
|
||||
height: auto;
|
||||
background: none;
|
||||
border: 0;
|
||||
}
|
||||
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
|
||||
top: 0px;
|
||||
left: 0.5px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
|
||||
width: auto;
|
||||
background: none;
|
||||
}
|
||||
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ant-steps-small .ant-steps-item-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0 8px 0 0;
|
||||
font-size: 12px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.ant-steps-small .ant-steps-item-title {
|
||||
padding-right: 12px;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.ant-steps-small .ant-steps-item-title::after {
|
||||
top: 12px;
|
||||
}
|
||||
.ant-steps-small .ant-steps-item-description {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-size: 14px;
|
||||
}
|
||||
.ant-steps-small .ant-steps-item-tail {
|
||||
top: 8px;
|
||||
}
|
||||
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
background: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
.ant-steps-vertical {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.ant-steps-vertical .ant-steps-item {
|
||||
display: block;
|
||||
overflow: visible;
|
||||
}
|
||||
.ant-steps-vertical .ant-steps-item-icon {
|
||||
float: left;
|
||||
margin-right: 16px;
|
||||
}
|
||||
.ant-steps-vertical .ant-steps-item-content {
|
||||
display: block;
|
||||
min-height: 48px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ant-steps-vertical .ant-steps-item-title {
|
||||
line-height: 32px;
|
||||
}
|
||||
.ant-steps-vertical .ant-steps-item-description {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 16px;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
padding: 38px 0 6px;
|
||||
}
|
||||
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
}
|
||||
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
display: block;
|
||||
}
|
||||
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 12px;
|
||||
padding: 30px 0 6px;
|
||||
}
|
||||
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
|
||||
line-height: 24px;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-vertical .ant-steps-item-icon {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
|
||||
display: block;
|
||||
overflow: visible;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
|
||||
float: left;
|
||||
margin-right: 16px;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
|
||||
display: block;
|
||||
min-height: 48px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
|
||||
line-height: 32px;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 16px;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
padding: 38px 0 6px;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
display: block;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 12px;
|
||||
padding: 30px 0 6px;
|
||||
}
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
|
||||
line-height: 24px;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.ant-steps-label-vertical .ant-steps-item {
|
||||
overflow: visible;
|
||||
}
|
||||
.ant-steps-label-vertical .ant-steps-item-tail {
|
||||
margin-left: 58px;
|
||||
padding: 3.5px 24px;
|
||||
}
|
||||
.ant-steps-label-vertical .ant-steps-item-content {
|
||||
display: block;
|
||||
width: 116px;
|
||||
margin-top: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
.ant-steps-label-vertical .ant-steps-item-icon {
|
||||
display: inline-block;
|
||||
margin-left: 42px;
|
||||
}
|
||||
.ant-steps-label-vertical .ant-steps-item-title {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ant-steps-label-vertical .ant-steps-item-title::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-steps-label-vertical .ant-steps-item-subtitle {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
margin-left: 0;
|
||||
line-height: 1.5715;
|
||||
}
|
||||
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
|
||||
margin-left: 46px;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-title,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
|
||||
line-height: 1.5715;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-tail,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
|
||||
top: 2px;
|
||||
width: 100%;
|
||||
margin: 0 0 0 70px;
|
||||
padding: 0;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-tail::after,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
|
||||
width: calc(100% - 20px);
|
||||
height: 3px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
|
||||
left: 2px;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-icon,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin-left: 67px;
|
||||
padding-right: 0;
|
||||
line-height: 8px;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 100px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
/* expand hover area */
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
left: -26px;
|
||||
width: 60px;
|
||||
height: 32px;
|
||||
background: rgba(0, 0, 0, 0.001);
|
||||
content: '';
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-content,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
|
||||
width: 140px;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
line-height: 10px;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
|
||||
top: -1px;
|
||||
}
|
||||
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
|
||||
margin-top: 8px;
|
||||
margin-left: 0;
|
||||
background: none;
|
||||
}
|
||||
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
top: 2px;
|
||||
left: -9px;
|
||||
margin: 0;
|
||||
padding: 22px 0 4px;
|
||||
}
|
||||
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
|
||||
left: 0;
|
||||
}
|
||||
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
|
||||
left: -2px;
|
||||
}
|
||||
.ant-steps-navigation {
|
||||
padding-top: 12px;
|
||||
}
|
||||
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
|
||||
margin-left: -12px;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item {
|
||||
overflow: visible;
|
||||
text-align: center;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item-container {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
margin-left: -16px;
|
||||
padding-bottom: 12px;
|
||||
text-align: left;
|
||||
-webkit-transition: opacity 0.3s;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
|
||||
max-width: auto;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
|
||||
max-width: 100%;
|
||||
padding-right: 0;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item:last-child {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item:last-child::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: -14px;
|
||||
margin-left: -2px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||
border-bottom: none;
|
||||
border-left: none;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
content: '';
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item::before {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background-color: #1890ff;
|
||||
-webkit-transition: width 0.3s, left 0.3s;
|
||||
transition: width 0.3s, left 0.3s;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
content: '';
|
||||
}
|
||||
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.ant-steps-navigation > .ant-steps-item {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-steps-navigation > .ant-steps-item::before {
|
||||
display: none;
|
||||
}
|
||||
.ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: unset;
|
||||
display: block;
|
||||
width: 3px;
|
||||
height: calc(100% - 24px);
|
||||
}
|
||||
.ant-steps-navigation > .ant-steps-item::after {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
left: 50%;
|
||||
display: block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin-bottom: 8px;
|
||||
text-align: center;
|
||||
-webkit-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
.ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
.ant-steps-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-steps-rtl .ant-steps-item-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.ant-steps-rtl .ant-steps-item-tail {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl .ant-steps-item-title {
|
||||
padding-right: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.ant-steps-rtl .ant-steps-item-title::after {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
|
||||
padding-left: 0;
|
||||
}
|
||||
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
|
||||
right: 0.5px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
|
||||
margin-right: -12px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
|
||||
margin-right: -16px;
|
||||
margin-left: 0;
|
||||
text-align: right;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
|
||||
padding-left: 0;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
margin-right: -2px;
|
||||
margin-left: 0;
|
||||
-webkit-transform: rotate(225deg);
|
||||
transform: rotate(225deg);
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
|
||||
margin-right: 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
|
||||
padding-right: 0;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
|
||||
padding-left: 0;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
|
||||
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
|
||||
margin: 0 70px 0 0;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
|
||||
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
|
||||
margin-right: 12px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
|
||||
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
|
||||
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
|
||||
margin-right: 67px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
|
||||
/* expand hover area */
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
|
||||
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
|
||||
float: right;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
|
||||
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
|
||||
right: -26px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
|
||||
right: -9px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
|
||||
right: -2px;
|
||||
left: auto;
|
||||
}
|
||||
2
web/node_modules/antd/es/steps/style/index.d.ts
generated
vendored
Normal file
2
web/node_modules/antd/es/steps/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
2
web/node_modules/antd/es/steps/style/index.js
generated
vendored
Normal file
2
web/node_modules/antd/es/steps/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
239
web/node_modules/antd/es/steps/style/index.less
generated
vendored
Normal file
239
web/node_modules/antd/es/steps/style/index.less
generated
vendored
Normal file
@@ -0,0 +1,239 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@steps-prefix-cls: ~'@{ant-prefix}-steps';
|
||||
@process-icon-color: @primary-color;
|
||||
@process-title-color: @heading-color;
|
||||
@process-description-color: @text-color;
|
||||
@process-icon-text-color: @text-color-inverse;
|
||||
@wait-icon-color: @disabled-color;
|
||||
@wait-title-color: @text-color-secondary;
|
||||
@wait-description-color: @wait-title-color;
|
||||
@wait-tail-color: @process-tail-color;
|
||||
@finish-icon-color: @process-icon-color;
|
||||
@finish-title-color: @text-color;
|
||||
@finish-description-color: @text-color-secondary;
|
||||
@finish-tail-color: @primary-color;
|
||||
@error-icon-color: @error-color;
|
||||
@error-title-color: @error-color;
|
||||
@error-description-color: @error-color;
|
||||
@error-tail-color: @wait-tail-color;
|
||||
@steps-nav-active-color: @primary-color;
|
||||
|
||||
.@{steps-prefix-cls} {
|
||||
.reset-component;
|
||||
|
||||
display: flex;
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
|
||||
&-container {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
&:last-child > &-container > &-tail,
|
||||
&:last-child > &-container > &-content > &-title::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-icon,
|
||||
&-content {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
width: @steps-icon-size;
|
||||
height: @steps-icon-size;
|
||||
margin: @steps-icon-margin;
|
||||
font-size: @steps-icon-font-size;
|
||||
font-family: @font-family;
|
||||
line-height: @steps-icon-size;
|
||||
text-align: center;
|
||||
border: @border-width-base @border-style-base @wait-icon-color;
|
||||
border-radius: @steps-icon-size;
|
||||
transition: background-color 0.3s, border-color 0.3s;
|
||||
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
position: relative;
|
||||
top: @steps-icon-top;
|
||||
color: @primary-color;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
&-tail {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
|
||||
&::after {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: @border-color-split;
|
||||
border-radius: 1px;
|
||||
transition: background 0.3s;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
&-title {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-right: 16px;
|
||||
color: @text-color;
|
||||
font-size: @font-size-lg;
|
||||
line-height: @steps-title-line-height;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: @steps-title-line-height / 2;
|
||||
left: 100%;
|
||||
display: block;
|
||||
width: 9999px;
|
||||
height: 1px;
|
||||
background: @wait-tail-color;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
&-subtitle {
|
||||
display: inline;
|
||||
margin-left: 8px;
|
||||
color: @text-color-secondary;
|
||||
font-weight: normal;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
&-description {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
.step-item-status(wait);
|
||||
.step-item-status(process);
|
||||
&-process &-icon {
|
||||
background: @process-icon-color;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
color: @process-icon-text-color;
|
||||
}
|
||||
}
|
||||
&-process &-title {
|
||||
font-weight: 500;
|
||||
}
|
||||
.step-item-status(finish);
|
||||
.step-item-status(error);
|
||||
|
||||
&.@{steps-prefix-cls}-next-error .@{steps-prefix-cls}-item-title::after {
|
||||
background: @error-icon-color;
|
||||
}
|
||||
}
|
||||
|
||||
// ===================== Clickable =====================
|
||||
.@{steps-prefix-cls} .@{steps-prefix-cls}-item {
|
||||
&:not(.@{steps-prefix-cls}-item-active) {
|
||||
& > .@{steps-prefix-cls}-item-container[role='button'] {
|
||||
cursor: pointer;
|
||||
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-title,
|
||||
&-description,
|
||||
&-icon .@{steps-prefix-cls}-icon {
|
||||
transition: color 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-title,
|
||||
&-subtitle,
|
||||
&-description {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.@{steps-prefix-cls}-item-process) {
|
||||
& > .@{steps-prefix-cls}-item-container[role='button']:hover {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-icon {
|
||||
border-color: @primary-color;
|
||||
|
||||
.@{steps-prefix-cls}-icon {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
|
||||
.@{steps-prefix-cls}-item {
|
||||
margin-right: 16px;
|
||||
white-space: nowrap;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
&:last-child .@{steps-prefix-cls}-item-title {
|
||||
padding-right: 0;
|
||||
}
|
||||
&-tail {
|
||||
display: none;
|
||||
}
|
||||
&-description {
|
||||
max-width: @steps-desciption-max-width;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.step-item-status(@status) {
|
||||
@icon-color: '@{status}-icon-color';
|
||||
@title-color: '@{status}-title-color';
|
||||
@description-color: '@{status}-description-color';
|
||||
@tail-color: '@{status}-tail-color';
|
||||
&-@{status} &-icon {
|
||||
background-color: @steps-background;
|
||||
border-color: @@icon-color;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
color: @@icon-color;
|
||||
.@{steps-prefix-cls}-icon-dot {
|
||||
background: @@icon-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-@{status} > &-container > &-content > &-title {
|
||||
color: @@title-color;
|
||||
&::after {
|
||||
background-color: @@tail-color;
|
||||
}
|
||||
}
|
||||
&-@{status} > &-container > &-content > &-description {
|
||||
color: @@description-color;
|
||||
}
|
||||
&-@{status} > &-container > &-tail::after {
|
||||
background-color: @@tail-color;
|
||||
}
|
||||
}
|
||||
|
||||
@import 'custom-icon';
|
||||
@import 'small';
|
||||
@import 'vertical';
|
||||
@import 'label-placement';
|
||||
@import 'progress-dot';
|
||||
@import 'nav';
|
||||
@import './rtl';
|
||||
39
web/node_modules/antd/es/steps/style/label-placement.less
generated
vendored
Normal file
39
web/node_modules/antd/es/steps/style/label-placement.less
generated
vendored
Normal file
@@ -0,0 +1,39 @@
|
||||
.@{steps-prefix-cls}-label-vertical {
|
||||
.@{steps-prefix-cls}-item {
|
||||
overflow: visible;
|
||||
&-tail {
|
||||
margin-left: 58px;
|
||||
padding: 3.5px 24px;
|
||||
}
|
||||
&-content {
|
||||
display: block;
|
||||
width: (@steps-icon-size / 2 + 42px) * 2;
|
||||
margin-top: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
&-icon {
|
||||
display: inline-block;
|
||||
margin-left: 42px;
|
||||
}
|
||||
&-title {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&-subtitle {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
margin-left: 0;
|
||||
line-height: @line-height-base;
|
||||
}
|
||||
}
|
||||
&.@{steps-prefix-cls}-small:not(.@{steps-prefix-cls}-dot) {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-icon {
|
||||
margin-left: 46px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
124
web/node_modules/antd/es/steps/style/nav.less
generated
vendored
Normal file
124
web/node_modules/antd/es/steps/style/nav.less
generated
vendored
Normal file
@@ -0,0 +1,124 @@
|
||||
.@{steps-prefix-cls}-navigation {
|
||||
padding-top: 12px;
|
||||
|
||||
&.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-container {
|
||||
margin-left: -12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-item {
|
||||
overflow: visible;
|
||||
text-align: center;
|
||||
|
||||
&-container {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
margin-left: -16px;
|
||||
padding-bottom: 12px;
|
||||
text-align: left;
|
||||
transition: opacity 0.3s;
|
||||
|
||||
.@{steps-prefix-cls}-item-content {
|
||||
max-width: @steps-nav-content-max-width;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-item-title {
|
||||
max-width: 100%;
|
||||
padding-right: 0;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.@{steps-prefix-cls}-item-active) {
|
||||
.@{steps-prefix-cls}-item-container[role='button'] {
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
flex: 1;
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: -14px;
|
||||
margin-left: -2px;
|
||||
border: 1px solid @steps-nav-arrow-color;
|
||||
border-bottom: none;
|
||||
border-left: none;
|
||||
transform: rotate(45deg);
|
||||
content: '';
|
||||
}
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background-color: @steps-nav-active-color;
|
||||
transition: width 0.3s, left 0.3s;
|
||||
transition-timing-function: ease-out;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-item.@{steps-prefix-cls}-item-active::before {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs) {
|
||||
.@{steps-prefix-cls}-navigation {
|
||||
> .@{steps-prefix-cls}-item {
|
||||
margin-right: 0 !important;
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
&.@{steps-prefix-cls}-item-active::before {
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: unset;
|
||||
display: block;
|
||||
width: 3px;
|
||||
height: calc(100% - 24px);
|
||||
}
|
||||
&::after {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
left: 50%;
|
||||
display: block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin-bottom: 8px;
|
||||
text-align: center;
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
> .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
83
web/node_modules/antd/es/steps/style/progress-dot.less
generated
vendored
Normal file
83
web/node_modules/antd/es/steps/style/progress-dot.less
generated
vendored
Normal file
@@ -0,0 +1,83 @@
|
||||
.@{steps-prefix-cls}-dot,
|
||||
.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-title {
|
||||
line-height: @line-height-base;
|
||||
}
|
||||
&-tail {
|
||||
top: @steps-dot-top;
|
||||
width: 100%;
|
||||
margin: 0 0 0 @steps-desciption-max-width / 2;
|
||||
padding: 0;
|
||||
|
||||
&::after {
|
||||
width: ~'calc(100% - 20px)';
|
||||
height: 3px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
&:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
left: 2px;
|
||||
}
|
||||
&-icon {
|
||||
width: @steps-dot-size;
|
||||
height: @steps-dot-size;
|
||||
margin-left: 67px;
|
||||
padding-right: 0;
|
||||
line-height: @steps-dot-size;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
|
||||
.@{steps-prefix-cls}-icon-dot {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 100px;
|
||||
transition: all 0.3s;
|
||||
/* expand hover area */
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
left: -26px;
|
||||
width: 60px;
|
||||
height: 32px;
|
||||
background: fade(@black, 0.1%);
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
&-content {
|
||||
width: @steps-desciption-max-width;
|
||||
}
|
||||
&-process .@{steps-prefix-cls}-item-icon {
|
||||
width: @steps-current-dot-size;
|
||||
height: @steps-current-dot-size;
|
||||
line-height: @steps-current-dot-size;
|
||||
.@{steps-prefix-cls}-icon-dot {
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
|
||||
.@{steps-prefix-cls}-item-icon {
|
||||
margin-top: 8px;
|
||||
margin-left: 0;
|
||||
background: none;
|
||||
}
|
||||
// https://github.com/ant-design/ant-design/issues/18354
|
||||
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
|
||||
top: 2px;
|
||||
left: -9px;
|
||||
margin: 0;
|
||||
padding: 22px 0 4px;
|
||||
}
|
||||
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
left: 0;
|
||||
}
|
||||
.@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
|
||||
left: -2px;
|
||||
}
|
||||
}
|
||||
248
web/node_modules/antd/es/steps/style/rtl.less
generated
vendored
Normal file
248
web/node_modules/antd/es/steps/style/rtl.less
generated
vendored
Normal file
@@ -0,0 +1,248 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@steps-prefix-cls: ~'@{ant-prefix}-steps';
|
||||
|
||||
.@{steps-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-icon {
|
||||
.@{steps-prefix-cls}-rtl & {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
&-tail {
|
||||
.@{steps-prefix-cls}-rtl & {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
.@{steps-prefix-cls}-rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{steps-prefix-cls}-rtl & {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
|
||||
.@{steps-prefix-cls}-item {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
&:last-child .@{steps-prefix-cls}-item-title {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// custom-icon
|
||||
.@{steps-prefix-cls}-item-custom {
|
||||
.@{steps-prefix-cls}-item-icon {
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
.@{steps-prefix-cls}-rtl & {
|
||||
right: 0.5px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// nav
|
||||
.@{steps-prefix-cls}-navigation {
|
||||
&.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-container {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: -12px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-container {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: -16px;
|
||||
margin-left: 0;
|
||||
text-align: right;
|
||||
}
|
||||
.@{steps-prefix-cls}-item-title {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
margin-right: -2px;
|
||||
margin-left: 0;
|
||||
transform: rotate(225deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// small
|
||||
.@{steps-prefix-cls}-small {
|
||||
&.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
|
||||
.@{steps-prefix-cls}-item {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-item-title {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// vertical
|
||||
.steps-vertical() {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-icon {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .@{steps-prefix-cls}-item
|
||||
> .@{steps-prefix-cls}-item-container
|
||||
> .@{steps-prefix-cls}-item-tail {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
|
||||
.@{steps-prefix-cls}-item-tail {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// label
|
||||
.@{steps-prefix-cls}-label-vertical {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-title {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// progress-dot
|
||||
.@{steps-prefix-cls}-dot,
|
||||
.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-item {
|
||||
&-tail {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin: 0 @steps-desciption-max-width / 2 0 0;
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 12px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
&-icon {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 67px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-icon-dot {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
float: right;
|
||||
}
|
||||
/* expand hover area */
|
||||
&::after {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -26px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
|
||||
.@{steps-prefix-cls}-item-icon {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
// https://github.com/ant-design/ant-design/issues/18354
|
||||
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -9px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
right: -2px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
47
web/node_modules/antd/es/steps/style/small.less
generated
vendored
Normal file
47
web/node_modules/antd/es/steps/style/small.less
generated
vendored
Normal file
@@ -0,0 +1,47 @@
|
||||
.@{steps-prefix-cls}-small {
|
||||
&.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
|
||||
.@{steps-prefix-cls}-item {
|
||||
margin-right: 12px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item-icon {
|
||||
width: @steps-small-icon-size;
|
||||
height: @steps-small-icon-size;
|
||||
margin: @steps-small-icon-margin;
|
||||
font-size: @font-size-sm;
|
||||
line-height: @steps-small-icon-size;
|
||||
text-align: center;
|
||||
border-radius: @steps-small-icon-size;
|
||||
}
|
||||
.@{steps-prefix-cls}-item-title {
|
||||
padding-right: 12px;
|
||||
font-size: @font-size-base;
|
||||
line-height: @steps-small-icon-size;
|
||||
&::after {
|
||||
top: @steps-small-icon-size / 2;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item-description {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
.@{steps-prefix-cls}-item-tail {
|
||||
top: 8px;
|
||||
}
|
||||
.@{steps-prefix-cls}-item-custom .@{steps-prefix-cls}-item-icon {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
background: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
font-size: @steps-small-icon-size;
|
||||
line-height: @steps-small-icon-size;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
76
web/node_modules/antd/es/steps/style/vertical.less
generated
vendored
Normal file
76
web/node_modules/antd/es/steps/style/vertical.less
generated
vendored
Normal file
@@ -0,0 +1,76 @@
|
||||
.steps-vertical() {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.@{steps-prefix-cls}-item {
|
||||
display: block;
|
||||
overflow: visible;
|
||||
&-icon {
|
||||
float: left;
|
||||
margin-right: 16px;
|
||||
}
|
||||
&-content {
|
||||
display: block;
|
||||
min-height: 48px;
|
||||
overflow: hidden;
|
||||
}
|
||||
&-title {
|
||||
line-height: @steps-icon-size;
|
||||
}
|
||||
&-description {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
> .@{steps-prefix-cls}-item
|
||||
> .@{steps-prefix-cls}-item-container
|
||||
> .@{steps-prefix-cls}-item-tail {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: @steps-icon-size / 2;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
padding: @steps-icon-size + 6px 0 6px;
|
||||
|
||||
&::after {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
> .@{steps-prefix-cls}-item:not(:last-child)
|
||||
> .@{steps-prefix-cls}-item-container
|
||||
> .@{steps-prefix-cls}-item-tail {
|
||||
display: block;
|
||||
}
|
||||
|
||||
> .@{steps-prefix-cls}-item
|
||||
> .@{steps-prefix-cls}-item-container
|
||||
> .@{steps-prefix-cls}-item-content
|
||||
> .@{steps-prefix-cls}-item-title {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
|
||||
.@{steps-prefix-cls}-item-tail {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 12px;
|
||||
padding: @steps-small-icon-size + 6px 0 6px;
|
||||
}
|
||||
.@{steps-prefix-cls}-item-title {
|
||||
line-height: @steps-small-icon-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-vertical {
|
||||
.steps-vertical;
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs) {
|
||||
.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
|
||||
.steps-vertical;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user