Latest updates from IceHrmPro
This commit is contained in:
Thilina Pituwala
4
web/node_modules/antd/es/select/style/css.js
generated
vendored
Normal file
4
web/node_modules/antd/es/select/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import '../../style/index.css';
|
||||
import './index.css'; // style dependencies
|
||||
|
||||
import '../../empty/style/css';
|
||||
684
web/node_modules/antd/es/select/style/index.css
generated
vendored
Normal file
684
web/node_modules/antd/es/select/style/index.css
generated
vendored
Normal file
@@ -0,0 +1,684 @@
|
||||
/* 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-select-single .ant-select-selector {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-search {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 11px;
|
||||
bottom: 0;
|
||||
left: 11px;
|
||||
}
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
|
||||
width: 100%;
|
||||
}
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
|
||||
padding: 0;
|
||||
line-height: 30px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
pointer-events: none;
|
||||
}
|
||||
@supports (-moz-appearance: meterbar) {
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
.ant-select-single .ant-select-selector::after,
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
visibility: hidden;
|
||||
content: '\a0';
|
||||
}
|
||||
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
|
||||
right: 25px;
|
||||
}
|
||||
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
|
||||
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
padding-right: 18px;
|
||||
}
|
||||
.ant-select-single.ant-select-open .ant-select-selection-item {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding: 0 11px;
|
||||
}
|
||||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
cursor: text;
|
||||
}
|
||||
.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
|
||||
cursor: auto;
|
||||
}
|
||||
.ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
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-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
background: #f5f5f5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
|
||||
height: 30px;
|
||||
}
|
||||
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
|
||||
position: static;
|
||||
width: 100%;
|
||||
}
|
||||
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding: 0 11px;
|
||||
}
|
||||
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
|
||||
height: 40px;
|
||||
}
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
|
||||
line-height: 38px;
|
||||
}
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
|
||||
height: 38px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
|
||||
height: 24px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
|
||||
line-height: 22px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
|
||||
height: 22px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
|
||||
right: 7px;
|
||||
left: 7px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
|
||||
padding: 0 7px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
|
||||
right: 28px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
padding-right: 21px;
|
||||
}
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
|
||||
padding: 0 11px;
|
||||
}
|
||||
/**
|
||||
* Do not merge `height` & `line-height` under style with `selection` & `search`,
|
||||
* since chrome may update to redesign with its align logic.
|
||||
*/
|
||||
.ant-select-multiple .ant-select-selector {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selector input {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-select-show-search.ant-select-multiple .ant-select-selector {
|
||||
cursor: text;
|
||||
}
|
||||
.ant-select-show-search.ant-select-multiple .ant-select-selector input {
|
||||
cursor: auto;
|
||||
}
|
||||
.ant-select-focused.ant-select-multiple .ant-select-selector {
|
||||
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-select-disabled.ant-select-multiple .ant-select-selector {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
background: #f5f5f5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-disabled.ant-select-multiple .ant-select-selector input {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selector .ant-select-selection-search-input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
.ant-select-show-search.ant-select-multiple .ant-select-selector {
|
||||
cursor: text;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selector::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
margin: 2px 0;
|
||||
line-height: 24px;
|
||||
content: '\a0';
|
||||
}
|
||||
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
|
||||
padding-right: 24px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
height: 24px;
|
||||
margin-top: 2px;
|
||||
margin-right: 4px;
|
||||
margin-bottom: 2px;
|
||||
padding: 0 4px 0 8px;
|
||||
line-height: 22px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #f0f0f0;
|
||||
border-radius: 2px;
|
||||
cursor: default;
|
||||
-webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
||||
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-content {
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove {
|
||||
color: inherit;
|
||||
font-style: normal;
|
||||
line-height: 0;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
vertical-align: -0.125em;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
line-height: inherit;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove > * {
|
||||
line-height: 1;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove svg {
|
||||
display: inline-block;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove::before {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
|
||||
display: block;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove:hover {
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search {
|
||||
position: relative;
|
||||
margin-left: 0.5px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search-input,
|
||||
.ant-select-multiple .ant-select-selection-search-mirror {
|
||||
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: 1.5715;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search-input {
|
||||
width: 100%;
|
||||
min-width: 3px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search-mirror {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
white-space: nowrap;
|
||||
visibility: hidden;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search:first-child .ant-select-selection-search-input {
|
||||
margin-left: 6.5px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-placeholder {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 11px;
|
||||
left: 11px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
|
||||
line-height: 32px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
|
||||
line-height: 16px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
|
||||
height: 16px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
|
||||
height: 17px;
|
||||
line-height: 17px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
|
||||
height: 16px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
|
||||
left: 7px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input {
|
||||
margin-left: 3px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.ant-select-disabled .ant-select-selection-item-remove {
|
||||
display: none;
|
||||
}
|
||||
/* Reset search input style */
|
||||
.ant-select {
|
||||
-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: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
|
||||
border-color: #40a9ff;
|
||||
border-right-width: 1px !important;
|
||||
}
|
||||
.ant-select-selection-item {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media all and (-ms-high-contrast: none) {
|
||||
.ant-select-selection-item *::-ms-backdrop,
|
||||
.ant-select-selection-item {
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
.ant-select-selection-placeholder {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
opacity: 0.4;
|
||||
}
|
||||
@media all and (-ms-high-contrast: none) {
|
||||
.ant-select-selection-placeholder *::-ms-backdrop,
|
||||
.ant-select-selection-placeholder {
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
.ant-select-arrow {
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
font-style: normal;
|
||||
line-height: 0;
|
||||
text-transform: none;
|
||||
vertical-align: -0.125em;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
position: absolute;
|
||||
top: 53%;
|
||||
right: 11px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: -6px;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.ant-select-arrow > * {
|
||||
line-height: 1;
|
||||
}
|
||||
.ant-select-arrow svg {
|
||||
display: inline-block;
|
||||
}
|
||||
.ant-select-arrow::before {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-arrow .ant-select-arrow-icon {
|
||||
display: block;
|
||||
}
|
||||
.ant-select-arrow .anticon {
|
||||
vertical-align: top;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s;
|
||||
}
|
||||
.ant-select-arrow .anticon > svg {
|
||||
vertical-align: top;
|
||||
}
|
||||
.ant-select-open .ant-select-arrow .anticon.anticon-down {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.ant-select-arrow.anticon-down {
|
||||
pointer-events: none;
|
||||
}
|
||||
.ant-select-clear {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 11px;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: -6px;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
-webkit-transition: color 0.3s ease, opacity 0.15s ease;
|
||||
transition: color 0.3s ease, opacity 0.15s ease;
|
||||
text-rendering: auto;
|
||||
}
|
||||
.ant-select-clear::before {
|
||||
display: block;
|
||||
}
|
||||
.ant-select-clear:hover {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-select:hover .ant-select-clear {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-select-dropdown {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
z-index: 1050;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 4px 0;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-variant: initial;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
outline: none;
|
||||
-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);
|
||||
}
|
||||
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
|
||||
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
|
||||
-webkit-animation-name: antSlideUpIn;
|
||||
animation-name: antSlideUpIn;
|
||||
}
|
||||
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
|
||||
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
|
||||
-webkit-animation-name: antSlideDownIn;
|
||||
animation-name: antSlideDownIn;
|
||||
}
|
||||
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
|
||||
-webkit-animation-name: antSlideUpOut;
|
||||
animation-name: antSlideUpOut;
|
||||
}
|
||||
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
|
||||
-webkit-animation-name: antSlideDownOut;
|
||||
animation-name: antSlideDownOut;
|
||||
}
|
||||
.ant-select-dropdown-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-item-empty {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: 32px;
|
||||
padding: 5px 12px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.ant-select-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: 32px;
|
||||
padding: 5px 12px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background 0.3s ease;
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
.ant-select-item-group {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-size: 12px;
|
||||
cursor: default;
|
||||
}
|
||||
.ant-select-item-option {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ant-select-item-option-content {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ant-select-item-option-state {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
}
|
||||
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-weight: 600;
|
||||
background-color: #e6f7ff;
|
||||
}
|
||||
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-select-item-option-disabled {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-item-option-grouped {
|
||||
padding-left: 24px;
|
||||
}
|
||||
.ant-select-lg {
|
||||
font-size: 16px;
|
||||
}
|
||||
.ant-select-borderless .ant-select-selector {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.ant-select-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-select-rtl .ant-select-arrow {
|
||||
right: initial;
|
||||
left: 11px;
|
||||
}
|
||||
.ant-select-rtl .ant-select-clear {
|
||||
right: initial;
|
||||
left: 11px;
|
||||
}
|
||||
.ant-select-dropdown-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
|
||||
padding-right: 24px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
|
||||
padding-right: 4px;
|
||||
padding-left: 24px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
text-align: right;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
text-align: right;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-search {
|
||||
margin-right: 0.5px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
|
||||
right: 11px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
|
||||
right: 7px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
|
||||
right: 0;
|
||||
left: 9px;
|
||||
text-align: right;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
|
||||
right: 11px;
|
||||
left: 25px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
|
||||
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
padding-right: 0;
|
||||
padding-left: 18px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
padding: 0 11px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
|
||||
right: 0;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
|
||||
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
padding-right: 0;
|
||||
padding-left: 21px;
|
||||
}
|
||||
3
web/node_modules/antd/es/select/style/index.d.ts
generated
vendored
Normal file
3
web/node_modules/antd/es/select/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
import '../../empty/style';
|
||||
4
web/node_modules/antd/es/select/style/index.js
generated
vendored
Normal file
4
web/node_modules/antd/es/select/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less'; // style dependencies
|
||||
|
||||
import '../../empty/style';
|
||||
290
web/node_modules/antd/es/select/style/index.less
generated
vendored
Normal file
290
web/node_modules/antd/es/select/style/index.less
generated
vendored
Normal file
@@ -0,0 +1,290 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../input/style/mixin';
|
||||
|
||||
@import './single';
|
||||
@import './multiple';
|
||||
|
||||
@select-prefix-cls: ~'@{ant-prefix}-select';
|
||||
@select-height-without-border: @input-height-base - 2 * @border-width-base;
|
||||
@select-dropdown-edge-child-vertical-padding: @dropdown-edge-child-vertical-padding;
|
||||
|
||||
.select-selector() {
|
||||
position: relative;
|
||||
background-color: @select-background;
|
||||
border: @border-width-base @border-style-base @select-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
transition: all 0.3s @ease-in-out;
|
||||
|
||||
input {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-show-search& {
|
||||
cursor: text;
|
||||
|
||||
input {
|
||||
cursor: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-focused& {
|
||||
.active();
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-disabled& {
|
||||
color: @disabled-color;
|
||||
background: @input-disabled-bg;
|
||||
cursor: not-allowed;
|
||||
|
||||
input {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Reset search input style */
|
||||
.select-search-input-without-border() {
|
||||
.@{select-prefix-cls}-selection-search-input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
.reset-component;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
|
||||
&:not(.@{select-prefix-cls}-disabled):hover &-selector {
|
||||
.hover();
|
||||
}
|
||||
|
||||
// ======================== Selection ========================
|
||||
&-selection-item {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
// IE11 css hack. `*::-ms-backdrop,` is a must have
|
||||
@media all and (-ms-high-contrast: none) {
|
||||
*::-ms-backdrop,
|
||||
& {
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======================= Placeholder =======================
|
||||
&-selection-placeholder {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
opacity: 0.4;
|
||||
|
||||
// IE11 css hack. `*::-ms-backdrop,` is a must have
|
||||
@media all and (-ms-high-contrast: none) {
|
||||
*::-ms-backdrop,
|
||||
& {
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Arrow ==========================
|
||||
&-arrow {
|
||||
.iconfont-mixin();
|
||||
position: absolute;
|
||||
top: 53%;
|
||||
right: @control-padding-horizontal - 1px;
|
||||
width: @font-size-sm;
|
||||
height: @font-size-sm;
|
||||
margin-top: -@font-size-sm / 2;
|
||||
color: @disabled-color;
|
||||
font-size: @font-size-sm;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
|
||||
.anticon {
|
||||
vertical-align: top;
|
||||
transition: transform 0.3s;
|
||||
|
||||
> svg {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-open &.anticon-down {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
&.anticon-down {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Clear ==========================
|
||||
&-clear {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: @control-padding-horizontal - 1px;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
width: @font-size-sm;
|
||||
height: @font-size-sm;
|
||||
margin-top: -@font-size-sm / 2;
|
||||
color: @disabled-color;
|
||||
font-size: @font-size-sm;
|
||||
font-style: normal;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
background: @select-clear-background;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
transition: color 0.3s ease, opacity 0.15s ease;
|
||||
text-rendering: auto;
|
||||
&::before {
|
||||
display: block;
|
||||
}
|
||||
&:hover {
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}:hover & {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Popup ==========================
|
||||
&-dropdown {
|
||||
.reset-component;
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
z-index: @zindex-dropdown;
|
||||
box-sizing: border-box;
|
||||
padding: @select-dropdown-edge-child-vertical-padding 0;
|
||||
overflow: hidden;
|
||||
font-size: @font-size-base;
|
||||
// Fix select render lag of long text in chrome
|
||||
// https://github.com/ant-design/ant-design/issues/11456
|
||||
// https://github.com/ant-design/ant-design/issues/11843
|
||||
font-variant: initial;
|
||||
background-color: @select-dropdown-bg;
|
||||
border-radius: @border-radius-base;
|
||||
outline: none;
|
||||
box-shadow: @box-shadow-base;
|
||||
|
||||
&.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
|
||||
&.slide-up-appear.slide-up-appear-active&-placement-bottomLeft {
|
||||
animation-name: antSlideUpIn;
|
||||
}
|
||||
|
||||
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
|
||||
&.slide-up-appear.slide-up-appear-active&-placement-topLeft {
|
||||
animation-name: antSlideDownIn;
|
||||
}
|
||||
|
||||
&.slide-up-leave.slide-up-leave-active&-placement-bottomLeft {
|
||||
animation-name: antSlideUpOut;
|
||||
}
|
||||
|
||||
&.slide-up-leave.slide-up-leave-active&-placement-topLeft {
|
||||
animation-name: antSlideDownOut;
|
||||
}
|
||||
|
||||
&-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================= Options =========================
|
||||
.item() {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: @select-dropdown-height;
|
||||
padding: @select-dropdown-vertical-padding @control-padding-horizontal;
|
||||
color: @text-color;
|
||||
font-weight: normal;
|
||||
font-size: @select-dropdown-font-size;
|
||||
line-height: @select-dropdown-line-height;
|
||||
}
|
||||
|
||||
&-item-empty {
|
||||
.item();
|
||||
}
|
||||
|
||||
&-item {
|
||||
.item();
|
||||
|
||||
cursor: pointer;
|
||||
transition: background 0.3s ease;
|
||||
|
||||
// =========== Group ============
|
||||
&-group {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-sm;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
// =========== Option ===========
|
||||
&-option {
|
||||
display: flex;
|
||||
|
||||
&-content {
|
||||
flex: auto;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&-state {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
&-active:not(&-disabled) {
|
||||
background-color: @select-item-active-bg;
|
||||
}
|
||||
|
||||
&-selected:not(&-disabled) {
|
||||
color: @text-color;
|
||||
font-weight: @select-item-selected-font-weight;
|
||||
background-color: @select-item-selected-bg;
|
||||
|
||||
.@{select-prefix-cls}-item-option-state {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
color: @disabled-color;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&-grouped {
|
||||
padding-left: @control-padding-horizontal * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
&-lg {
|
||||
font-size: @font-size-lg;
|
||||
}
|
||||
|
||||
// no border style
|
||||
&-borderless &-selector {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@import './rtl';
|
||||
190
web/node_modules/antd/es/select/style/multiple.less
generated
vendored
Normal file
190
web/node_modules/antd/es/select/style/multiple.less
generated
vendored
Normal file
@@ -0,0 +1,190 @@
|
||||
@import './index';
|
||||
|
||||
@select-multiple-item-border-width: 1px;
|
||||
|
||||
@select-multiple-padding: max(
|
||||
@input-padding-vertical-base - @select-multiple-item-border-width -
|
||||
@select-multiple-item-spacing-half,
|
||||
0
|
||||
);
|
||||
|
||||
/**
|
||||
* Do not merge `height` & `line-height` under style with `selection` & `search`,
|
||||
* since chrome may update to redesign with its align logic.
|
||||
*/
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
&-multiple {
|
||||
// ========================= Selector =========================
|
||||
.@{select-prefix-cls}-selector {
|
||||
.select-selector();
|
||||
.select-search-input-without-border();
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
// Multiple is little different that horizontal is follow the vertical
|
||||
padding: @select-multiple-padding @input-padding-vertical-base;
|
||||
|
||||
.@{select-prefix-cls}-show-search& {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
&::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
margin: @select-multiple-item-spacing-half 0;
|
||||
line-height: @select-multiple-item-height;
|
||||
content: '\a0';
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
|
||||
padding-right: @font-size-sm + @control-padding-horizontal;
|
||||
}
|
||||
|
||||
// ======================== Selections ========================
|
||||
.@{select-prefix-cls}-selection-item {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex: none;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
|
||||
height: @select-multiple-item-height;
|
||||
margin-top: @select-multiple-item-spacing-half;
|
||||
margin-right: @input-padding-vertical-base;
|
||||
margin-bottom: @select-multiple-item-spacing-half;
|
||||
padding: 0 (@padding-xs / 2) 0 @padding-xs;
|
||||
line-height: @select-multiple-item-height - @select-multiple-item-border-width * 2;
|
||||
background: @select-selection-item-bg;
|
||||
border: 1px solid @select-selection-item-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
cursor: default;
|
||||
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
||||
user-select: none;
|
||||
|
||||
// It's ok not to do this, but 24px makes bottom narrow in view should adjust
|
||||
&-content {
|
||||
display: inline-block;
|
||||
margin-right: @padding-xs / 2;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&-remove {
|
||||
.iconfont-mixin();
|
||||
|
||||
display: inline-block;
|
||||
color: @text-color-secondary;
|
||||
font-weight: bold;
|
||||
font-size: @font-size-sm;
|
||||
line-height: inherit;
|
||||
cursor: pointer;
|
||||
.iconfont-size-under-12px(10px);
|
||||
&:hover {
|
||||
color: @icon-color-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Input ==========================
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
position: relative;
|
||||
margin-left: @select-multiple-padding / 2;
|
||||
|
||||
&-input,
|
||||
&-mirror {
|
||||
font-family: @font-family;
|
||||
line-height: @line-height-base;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
&-input {
|
||||
width: 100%;
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
&-mirror {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
white-space: nowrap;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// https://github.com/ant-design/ant-design/issues/22906
|
||||
&:first-child .@{select-prefix-cls}-selection-search-input {
|
||||
margin-left: 6.5px;
|
||||
}
|
||||
}
|
||||
|
||||
// ======================= Placeholder =======================
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: @input-padding-horizontal;
|
||||
left: @input-padding-horizontal;
|
||||
transform: translateY(-50%);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
.select-size(@suffix, @input-height) {
|
||||
@merged-cls: ~'@{select-prefix-cls}-@{suffix}';
|
||||
&.@{merged-cls} {
|
||||
@select-selection-height: @input-height - @input-padding-vertical-base * 2;
|
||||
@select-height-without-border: @input-height - @border-width-base * 2;
|
||||
|
||||
.@{select-prefix-cls}-selector::after {
|
||||
line-height: @select-selection-height;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-item {
|
||||
height: @select-selection-height;
|
||||
line-height: @select-selection-height - @border-width-base * 2;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
height: @select-selection-height + @select-multiple-padding;
|
||||
line-height: @select-selection-height + @select-multiple-padding;
|
||||
|
||||
&-input,
|
||||
&-mirror {
|
||||
height: @select-selection-height;
|
||||
line-height: @select-selection-height - @border-width-base * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-size('lg', @input-height-lg);
|
||||
.select-size('sm', @input-height-sm);
|
||||
|
||||
// Size small need additional set padding
|
||||
&.@{select-prefix-cls}-sm {
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
left: @input-padding-horizontal-sm;
|
||||
}
|
||||
// https://github.com/ant-design/ant-design/issues/22906
|
||||
.@{select-prefix-cls}-selection-search:first-child
|
||||
.@{select-prefix-cls}-selection-search-input {
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
&.@{select-prefix-cls}-lg {
|
||||
.@{select-prefix-cls}-selection-item {
|
||||
height: @select-multiple-item-height-lg;
|
||||
line-height: @select-multiple-item-height-lg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled .@{select-prefix-cls}-selection-item-remove {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
185
web/node_modules/antd/es/select/style/rtl.less
generated
vendored
Normal file
185
web/node_modules/antd/es/select/style/rtl.less
generated
vendored
Normal file
@@ -0,0 +1,185 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../input/style/mixin';
|
||||
|
||||
@select-prefix-cls: ~'@{ant-prefix}-select';
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
// ========================== Arrow ==========================
|
||||
&-arrow {
|
||||
.@{select-prefix-cls}-rtl & {
|
||||
right: initial;
|
||||
left: @control-padding-horizontal - 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Clear ==========================
|
||||
&-clear {
|
||||
.@{select-prefix-cls}-rtl & {
|
||||
right: initial;
|
||||
left: @control-padding-horizontal - 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Popup ==========================
|
||||
&-dropdown {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================= Options =========================
|
||||
&-item {
|
||||
&-option {
|
||||
&-grouped {
|
||||
.@{select-prefix-cls}-dropdown-rtl & {
|
||||
padding-right: @control-padding-horizontal * 2;
|
||||
padding-left: @control-padding-horizontal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// multiple
|
||||
@select-multiple-item-border-width: 1px;
|
||||
@select-multiple-item-spacing-half: ceil(@input-padding-vertical-base / 2);
|
||||
@select-multiple-padding: max(
|
||||
@input-padding-vertical-base - @select-multiple-item-border-width -
|
||||
@select-multiple-item-spacing-half,
|
||||
0
|
||||
);
|
||||
|
||||
.@{select-prefix-cls}-multiple {
|
||||
&.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
padding-right: @input-padding-vertical-base;
|
||||
padding-left: @font-size-sm + @control-padding-horizontal;
|
||||
}
|
||||
}
|
||||
// ======================== Selections ========================
|
||||
.@{select-prefix-cls}-selection-item {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: @input-padding-vertical-base;
|
||||
text-align: right;
|
||||
}
|
||||
// It's ok not to do this, but 24px makes bottom narrow in view should adjust
|
||||
&-content {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: @padding-xs / 2;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Input ==========================
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
margin-right: @select-multiple-padding / 2;
|
||||
margin-left: @input-padding-vertical-base;
|
||||
}
|
||||
|
||||
&-mirror {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======================= Placeholder =======================
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: @input-padding-horizontal;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
|
||||
// Size small need additional set padding
|
||||
&.@{select-prefix-cls}-sm {
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: @input-padding-horizontal-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// single
|
||||
@selection-item-padding: ceil(@font-size-base * 1.25);
|
||||
|
||||
.@{select-prefix-cls}-single {
|
||||
// ========================= Selector =========================
|
||||
.@{select-prefix-cls}-selector {
|
||||
.@{select-prefix-cls}-selection-item,
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
left: 9px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// With arrow should provides `padding-right` to show the arrow
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: @input-padding-horizontal-base;
|
||||
left: @input-padding-horizontal-base + @font-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
padding-right: 0;
|
||||
padding-left: @selection-item-padding;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Input ==========================
|
||||
// We only change the style of non-customize input which is only support by `combobox` mode.
|
||||
|
||||
// Not customize
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selector {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
padding: 0 @input-padding-horizontal-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
|
||||
// Size small need additional set padding
|
||||
&.@{select-prefix-cls}-sm {
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
// With arrow should provides `padding-right` to show the arrow
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
padding-right: 0;
|
||||
padding-left: @font-size-base * 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
167
web/node_modules/antd/es/select/style/single.less
generated
vendored
Normal file
167
web/node_modules/antd/es/select/style/single.less
generated
vendored
Normal file
@@ -0,0 +1,167 @@
|
||||
@import './index';
|
||||
|
||||
@selection-item-padding: ceil(@font-size-base * 1.25);
|
||||
|
||||
.@{select-prefix-cls}-single {
|
||||
// ========================= Selector =========================
|
||||
.@{select-prefix-cls}-selector {
|
||||
display: flex;
|
||||
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: @input-padding-horizontal-base;
|
||||
bottom: 0;
|
||||
left: @input-padding-horizontal-base;
|
||||
|
||||
&-input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-item,
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
padding: 0;
|
||||
line-height: @select-height-without-border;
|
||||
transition: all 0.3s;
|
||||
pointer-events: none;
|
||||
|
||||
// Firefox inline-block position calculation is not same as Chrome & Safari. Patch this:
|
||||
@supports (-moz-appearance: meterbar) {
|
||||
& {
|
||||
line-height: @select-height-without-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// For common baseline align
|
||||
&::after,
|
||||
// For '' value baseline align
|
||||
.@{select-prefix-cls}-selection-item::after,
|
||||
// For undefined value baseline align
|
||||
.@{select-prefix-cls}-selection-placeholder::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
visibility: hidden;
|
||||
content: '\a0';
|
||||
}
|
||||
}
|
||||
|
||||
// With arrow should provides `padding-right` to show the arrow
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
|
||||
right: @input-padding-horizontal-base + @font-size-base;
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
|
||||
padding-right: @selection-item-padding;
|
||||
}
|
||||
|
||||
// Opacity selection if open
|
||||
&.@{select-prefix-cls}-open .@{select-prefix-cls}-selection-item {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
// ========================== Input ==========================
|
||||
// We only change the style of non-customize input which is only support by `combobox` mode.
|
||||
|
||||
// Not customize
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selector {
|
||||
.select-selector();
|
||||
.select-search-input-without-border();
|
||||
width: 100%;
|
||||
|
||||
height: @input-height-base;
|
||||
padding: 0 @input-padding-horizontal-base;
|
||||
|
||||
.@{select-prefix-cls}-selection-search-input {
|
||||
height: @select-height-without-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-customize-input {
|
||||
.@{select-prefix-cls}-selector {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
position: static;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding: 0 @input-padding-horizontal-base;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
.select-size(@suffix, @input-height) {
|
||||
@merged-cls: ~'@{select-prefix-cls}-@{suffix}';
|
||||
|
||||
&.@{merged-cls}:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selector {
|
||||
height: @input-height;
|
||||
|
||||
.@{select-prefix-cls}-selection-item,
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
line-height: @input-height - 2 * @border-width-base;
|
||||
}
|
||||
}
|
||||
|
||||
// Not customize
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selection-search-input {
|
||||
height: @input-height - 2 * @border-width-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-size('lg', @select-single-item-height-lg);
|
||||
.select-size('sm', @input-height-sm);
|
||||
|
||||
// Size small need additional set padding
|
||||
&.@{select-prefix-cls}-sm {
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
right: @input-padding-horizontal-sm;
|
||||
left: @input-padding-horizontal-sm;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selector {
|
||||
padding: 0 @input-padding-horizontal-sm;
|
||||
}
|
||||
|
||||
// With arrow should provides `padding-right` to show the arrow
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
|
||||
right: @input-padding-horizontal-sm + @font-size-base * 1.5;
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
|
||||
padding-right: @font-size-base * 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-lg {
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selector {
|
||||
padding: 0 @input-padding-horizontal-lg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user