Latest updates from IceHrmPro
This commit is contained in:
Thilina Pituwala
9
web/node_modules/antd/lib/upload/style/css.js
generated
vendored
Normal file
9
web/node_modules/antd/lib/upload/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
"use strict";
|
||||
|
||||
require("../../style/index.css");
|
||||
|
||||
require("./index.css");
|
||||
|
||||
require("../../progress/style/css");
|
||||
|
||||
require("../../tooltip/style/css");
|
||||
676
web/node_modules/antd/lib/upload/style/index.css
generated
vendored
Normal file
676
web/node_modules/antd/lib/upload/style/index.css
generated
vendored
Normal file
@@ -0,0 +1,676 @@
|
||||
/* 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-upload {
|
||||
-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';
|
||||
outline: 0;
|
||||
}
|
||||
.ant-upload p {
|
||||
margin: 0;
|
||||
}
|
||||
.ant-upload-btn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
.ant-upload input[type='file'] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-upload.ant-upload-select {
|
||||
display: inline-block;
|
||||
}
|
||||
.ant-upload.ant-upload-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-upload.ant-upload-select-picture-card {
|
||||
display: table;
|
||||
float: left;
|
||||
width: 104px;
|
||||
height: 104px;
|
||||
margin-right: 8px;
|
||||
margin-bottom: 8px;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
background-color: #fafafa;
|
||||
border: 1px dashed #d9d9d9;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: border-color 0.3s ease;
|
||||
transition: border-color 0.3s ease;
|
||||
}
|
||||
.ant-upload.ant-upload-select-picture-card > .ant-upload {
|
||||
display: table-cell;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ant-upload.ant-upload-select-picture-card:hover {
|
||||
border-color: #1890ff;
|
||||
}
|
||||
.ant-upload.ant-upload-drag {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
background: #fafafa;
|
||||
border: 1px dashed #d9d9d9;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: border-color 0.3s;
|
||||
transition: border-color 0.3s;
|
||||
}
|
||||
.ant-upload.ant-upload-drag .ant-upload {
|
||||
padding: 16px 0;
|
||||
}
|
||||
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
|
||||
border-color: #096dd9;
|
||||
}
|
||||
.ant-upload.ant-upload-drag.ant-upload-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-upload.ant-upload-drag .ant-upload-btn {
|
||||
display: table;
|
||||
height: 100%;
|
||||
}
|
||||
.ant-upload.ant-upload-drag .ant-upload-drag-container {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
|
||||
border-color: #40a9ff;
|
||||
}
|
||||
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
|
||||
color: #40a9ff;
|
||||
font-size: 48px;
|
||||
}
|
||||
.ant-upload.ant-upload-drag p.ant-upload-text {
|
||||
margin: 0 0 4px;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
font-size: 16px;
|
||||
}
|
||||
.ant-upload.ant-upload-drag p.ant-upload-hint {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-size: 14px;
|
||||
}
|
||||
.ant-upload.ant-upload-drag .anticon-plus {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 30px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-upload.ant-upload-drag .anticon-plus:hover {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-upload.ant-upload-drag:hover .anticon-plus {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-upload-picture-card-wrapper {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.ant-upload-picture-card-wrapper::before {
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
.ant-upload-picture-card-wrapper::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
.ant-upload-list {
|
||||
-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';
|
||||
line-height: 22px;
|
||||
}
|
||||
.ant-upload-list::before {
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
.ant-upload-list::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
|
||||
padding-right: 14px;
|
||||
}
|
||||
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
|
||||
padding-right: 28px;
|
||||
}
|
||||
.ant-upload-list-item {
|
||||
position: relative;
|
||||
height: 22px;
|
||||
margin-top: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ant-upload-list-item-name {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-left: 22px;
|
||||
overflow: hidden;
|
||||
line-height: 22px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ant-upload-list-item-name-icon-count-1 {
|
||||
padding-right: 14px;
|
||||
}
|
||||
.ant-upload-list-item-card-actions {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
.ant-upload-list-item-card-actions.picture {
|
||||
top: 25px;
|
||||
line-height: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-upload-list-item-card-actions .anticon {
|
||||
padding-right: 6px;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-upload-list-item-info {
|
||||
height: 100%;
|
||||
padding: 0 12px 0 4px;
|
||||
-webkit-transition: background-color 0.3s;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
.ant-upload-list-item-info > span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ant-upload-list-item-info .anticon-loading .anticon,
|
||||
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-size: 14px;
|
||||
}
|
||||
.ant-upload-list-item .anticon-close {
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 4px;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
line-height: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-upload-list-item .anticon-close:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.ant-upload-list-item:hover .ant-upload-list-item-info {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.ant-upload-list-item:hover .anticon-close {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-upload-list-item-error,
|
||||
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
|
||||
.ant-upload-list-item-error .ant-upload-list-item-name {
|
||||
color: #ff4d4f;
|
||||
}
|
||||
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
|
||||
color: #ff4d4f;
|
||||
}
|
||||
.ant-upload-list-item-progress {
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
width: 100%;
|
||||
padding-left: 26px;
|
||||
font-size: 14px;
|
||||
line-height: 0;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item {
|
||||
position: relative;
|
||||
height: 66px;
|
||||
padding: 8px;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item:hover,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item:hover {
|
||||
background: transparent;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-error,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-error {
|
||||
border-color: #ff4d4f;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-info,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-info {
|
||||
padding: 0;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
|
||||
background: transparent;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-uploading,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
|
||||
border-style: dashed;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 8px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
line-height: 54px;
|
||||
text-align: center;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
|
||||
font-size: 26px;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-icon,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-size: 26px;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
|
||||
font-size: 26px;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-image,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-image {
|
||||
max-width: 100%;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
|
||||
display: block;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-name,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-name {
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
margin: 0 0 0 8px;
|
||||
padding-right: 8px;
|
||||
padding-left: 48px;
|
||||
overflow: hidden;
|
||||
line-height: 44px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
|
||||
padding-right: 18px;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
|
||||
padding-right: 36px;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
|
||||
line-height: 28px;
|
||||
}
|
||||
.ant-upload-list-picture .ant-upload-list-item-progress,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-progress {
|
||||
bottom: 14px;
|
||||
width: calc(100% - 24px);
|
||||
margin-top: 0;
|
||||
padding-left: 56px;
|
||||
}
|
||||
.ant-upload-list-picture .anticon-close,
|
||||
.ant-upload-list-picture-card .anticon-close {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
line-height: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-upload-list-picture-card.ant-upload-list::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-upload-list-picture-card-container {
|
||||
float: left;
|
||||
width: 104px;
|
||||
height: 104px;
|
||||
margin: 0 8px 8px 0;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item {
|
||||
float: left;
|
||||
width: 104px;
|
||||
height: 104px;
|
||||
margin: 0 8px 8px 0;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-info {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
content: ' ';
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-actions {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 10;
|
||||
white-space: nowrap;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
|
||||
z-index: 10;
|
||||
width: 16px;
|
||||
margin: 0 4px;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
|
||||
position: static;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-name {
|
||||
display: none;
|
||||
margin: 8px 0 0;
|
||||
padding: 0;
|
||||
line-height: 1.5715;
|
||||
text-align: center;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
|
||||
height: auto;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
|
||||
display: none;
|
||||
}
|
||||
.ant-upload-list-picture-card .ant-upload-list-item-progress {
|
||||
bottom: 32px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ant-upload-list .ant-upload-success-icon {
|
||||
color: #52c41a;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ant-upload-list .ant-upload-animate-enter,
|
||||
.ant-upload-list .ant-upload-animate-leave,
|
||||
.ant-upload-list .ant-upload-animate-inline-enter,
|
||||
.ant-upload-list .ant-upload-animate-inline-leave {
|
||||
-webkit-animation-duration: 0.3s;
|
||||
animation-duration: 0.3s;
|
||||
-webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
||||
animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
||||
}
|
||||
.ant-upload-list .ant-upload-animate-enter {
|
||||
-webkit-animation-name: uploadAnimateIn;
|
||||
animation-name: uploadAnimateIn;
|
||||
}
|
||||
.ant-upload-list .ant-upload-animate-leave {
|
||||
-webkit-animation-name: uploadAnimateOut;
|
||||
animation-name: uploadAnimateOut;
|
||||
}
|
||||
.ant-upload-list .ant-upload-animate-inline-enter {
|
||||
-webkit-animation-name: uploadAnimateInlineIn;
|
||||
animation-name: uploadAnimateInlineIn;
|
||||
}
|
||||
.ant-upload-list .ant-upload-animate-inline-leave {
|
||||
-webkit-animation-name: uploadAnimateInlineOut;
|
||||
animation-name: uploadAnimateInlineOut;
|
||||
}
|
||||
@-webkit-keyframes uploadAnimateIn {
|
||||
from {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes uploadAnimateIn {
|
||||
from {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes uploadAnimateOut {
|
||||
to {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes uploadAnimateOut {
|
||||
to {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes uploadAnimateInlineIn {
|
||||
from {
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes uploadAnimateInlineIn {
|
||||
from {
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes uploadAnimateInlineOut {
|
||||
to {
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes uploadAnimateInlineOut {
|
||||
to {
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.ant-upload-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.ant-upload-list-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
|
||||
padding-right: 22px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
|
||||
padding-right: 22px;
|
||||
padding-left: 28px;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-name {
|
||||
padding-right: 22px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
|
||||
padding-left: 14px;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-info {
|
||||
padding: 0 4px 0 12px;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item .anticon-close {
|
||||
right: auto;
|
||||
left: 4px;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-item-progress {
|
||||
padding-right: 26px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
|
||||
right: 8px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
|
||||
right: 50%;
|
||||
left: auto;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
|
||||
margin: 0 8px 0 0;
|
||||
padding-right: 48px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
|
||||
padding-right: 48px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
|
||||
padding-right: 48px;
|
||||
padding-left: 36px;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
|
||||
padding-right: 56px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
|
||||
right: auto;
|
||||
left: 8px;
|
||||
}
|
||||
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
|
||||
float: right;
|
||||
margin: 0 0 8px 8px;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item {
|
||||
float: right;
|
||||
margin: 0 0 8px 8px;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
|
||||
right: 50%;
|
||||
left: auto;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
|
||||
margin: 8px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-info {
|
||||
padding: 0;
|
||||
}
|
||||
4
web/node_modules/antd/lib/upload/style/index.d.ts
generated
vendored
Normal file
4
web/node_modules/antd/lib/upload/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
import '../../progress/style';
|
||||
import '../../tooltip/style';
|
||||
9
web/node_modules/antd/lib/upload/style/index.js
generated
vendored
Normal file
9
web/node_modules/antd/lib/upload/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
"use strict";
|
||||
|
||||
require("../../style/index.less");
|
||||
|
||||
require("./index.less");
|
||||
|
||||
require("../../progress/style");
|
||||
|
||||
require("../../tooltip/style");
|
||||
552
web/node_modules/antd/lib/upload/style/index.less
generated
vendored
Normal file
552
web/node_modules/antd/lib/upload/style/index.less
generated
vendored
Normal file
@@ -0,0 +1,552 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@upload-prefix-cls: ~'@{ant-prefix}-upload';
|
||||
@upload-item: ~'@{ant-prefix}-upload-list-item';
|
||||
@upload-picture-card-size: 104px;
|
||||
@upload-picture-card-border-style: @border-style-base;
|
||||
|
||||
.@{upload-prefix-cls} {
|
||||
.reset-component;
|
||||
|
||||
outline: 0;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&-btn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type='file'] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&&-select {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&&-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&&-select-picture-card {
|
||||
display: table;
|
||||
float: left;
|
||||
width: @upload-picture-card-size;
|
||||
height: @upload-picture-card-size;
|
||||
margin-right: 8px;
|
||||
margin-bottom: 8px;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
background-color: @background-color-light;
|
||||
border: @border-width-base dashed @border-color-base;
|
||||
border-radius: @border-radius-base;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.3s ease;
|
||||
|
||||
> .@{upload-prefix-cls} {
|
||||
display: table-cell;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: @padding-xs;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&&-drag {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
background: @background-color-light;
|
||||
border: @border-width-base dashed @border-color-base;
|
||||
border-radius: @border-radius-base;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.3s;
|
||||
|
||||
.@{upload-prefix-cls} {
|
||||
padding: @padding-md 0;
|
||||
}
|
||||
|
||||
&.@{upload-prefix-cls}-drag-hover:not(.@{upload-prefix-cls}-disabled) {
|
||||
border-color: @primary-7;
|
||||
}
|
||||
|
||||
&.@{upload-prefix-cls}-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-btn {
|
||||
display: table;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-drag-container {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&:not(.@{upload-prefix-cls}-disabled):hover {
|
||||
border-color: @primary-5;
|
||||
}
|
||||
|
||||
p.@{upload-prefix-cls}-drag-icon {
|
||||
.@{iconfont-css-prefix} {
|
||||
color: @primary-5;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
p.@{upload-prefix-cls}-text {
|
||||
margin: 0 0 4px;
|
||||
color: @heading-color;
|
||||
font-size: @font-size-lg;
|
||||
}
|
||||
p.@{upload-prefix-cls}-hint {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
.@{iconfont-css-prefix}-plus {
|
||||
color: @disabled-color;
|
||||
font-size: 30px;
|
||||
transition: all 0.3s;
|
||||
&:hover {
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
}
|
||||
&:hover .@{iconfont-css-prefix}-plus {
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
}
|
||||
|
||||
&-picture-card-wrapper {
|
||||
.clearfix;
|
||||
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-list {
|
||||
.reset-component;
|
||||
.clearfix;
|
||||
line-height: 22px;
|
||||
&-item-list-type-text {
|
||||
&:hover {
|
||||
.@{upload-prefix-cls}-list-item-name-icon-count-1 {
|
||||
padding-right: 14px;
|
||||
}
|
||||
.@{upload-prefix-cls}-list-item-name-icon-count-2 {
|
||||
padding-right: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-item {
|
||||
position: relative;
|
||||
height: 22px;
|
||||
margin-top: @margin-xs;
|
||||
font-size: @font-size-base;
|
||||
&-name {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-left: @font-size-base + 8px;
|
||||
overflow: hidden;
|
||||
line-height: 22px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&-name-icon-count-1 {
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
&-card-actions {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
|
||||
&.picture {
|
||||
top: 25px;
|
||||
line-height: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
.@{iconfont-css-prefix} {
|
||||
padding-right: 6px;
|
||||
color: @upload-actions-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-info {
|
||||
height: 100%;
|
||||
padding: 0 12px 0 4px;
|
||||
transition: background-color 0.3s;
|
||||
|
||||
> span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.@{iconfont-css-prefix}-loading,
|
||||
.@{upload-prefix-cls}-text-icon {
|
||||
.@{iconfont-css-prefix} {
|
||||
position: absolute;
|
||||
top: @font-size-base / 2 - 2px;
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{iconfont-css-prefix}-close {
|
||||
.iconfont-size-under-12px(10px);
|
||||
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 4px;
|
||||
color: @text-color-secondary;
|
||||
line-height: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover &-info {
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
|
||||
&:hover .@{iconfont-css-prefix}-close {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:hover &-card-actions {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-error,
|
||||
&-error .@{upload-prefix-cls}-text-icon > .@{iconfont-css-prefix},
|
||||
&-error &-name {
|
||||
color: @error-color;
|
||||
}
|
||||
|
||||
&-error &-card-actions {
|
||||
.@{iconfont-css-prefix} {
|
||||
color: @error-color;
|
||||
}
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-progress {
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
width: 100%;
|
||||
padding-left: @font-size-base + 12px;
|
||||
font-size: @font-size-base;
|
||||
line-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-picture,
|
||||
&-picture-card {
|
||||
.@{upload-item} {
|
||||
position: relative;
|
||||
height: 66px;
|
||||
padding: @padding-xs;
|
||||
border: @border-width-base @upload-picture-card-border-style @border-color-base;
|
||||
border-radius: @border-radius-base;
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
&-error {
|
||||
border-color: @error-color;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-info {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.@{upload-item}:hover .@{upload-item}-info {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.@{upload-item}-uploading {
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.@{upload-item}-thumbnail {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 8px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
line-height: 54px;
|
||||
text-align: center;
|
||||
opacity: 0.8;
|
||||
|
||||
.@{iconfont-css-prefix} {
|
||||
font-size: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-size: 26px;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.@{iconfont-css-prefix} {
|
||||
font-size: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-image {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.@{upload-item}-thumbnail img {
|
||||
display: block;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.@{upload-item}-name {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
margin: 0 0 0 8px;
|
||||
padding-right: 8px;
|
||||
padding-left: 48px;
|
||||
overflow: hidden;
|
||||
line-height: 44px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.@{upload-item}-name-icon-count-1 {
|
||||
padding-right: 18px;
|
||||
}
|
||||
|
||||
.@{upload-item}-name-icon-count-2 {
|
||||
padding-right: 36px;
|
||||
}
|
||||
|
||||
.@{upload-item}-uploading .@{upload-item}-name {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.@{upload-item}-progress {
|
||||
bottom: 14px;
|
||||
width: ~'calc(100% - 24px)';
|
||||
margin-top: 0;
|
||||
padding-left: 56px;
|
||||
}
|
||||
|
||||
.@{iconfont-css-prefix}-close {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
line-height: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&-picture-card {
|
||||
&.@{upload-prefix-cls}-list::after {
|
||||
display: none;
|
||||
}
|
||||
&-container {
|
||||
float: left;
|
||||
width: @upload-picture-card-size;
|
||||
height: @upload-picture-card-size;
|
||||
margin: 0 @margin-xs @margin-xs 0;
|
||||
}
|
||||
.@{upload-item} {
|
||||
float: left;
|
||||
width: @upload-picture-card-size;
|
||||
height: @upload-picture-card-size;
|
||||
margin: 0 @margin-xs @margin-xs 0;
|
||||
}
|
||||
|
||||
.@{upload-item}-info {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: fade(@black, 50%);
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
content: ' ';
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}:hover .@{upload-item}-info::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.@{upload-item}-actions {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 10;
|
||||
white-space: nowrap;
|
||||
transform: translate(-50%, -50%);
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
|
||||
.@{iconfont-css-prefix}-eye,
|
||||
.@{iconfont-css-prefix}-download,
|
||||
.@{iconfont-css-prefix}-delete {
|
||||
z-index: 10;
|
||||
width: 16px;
|
||||
margin: 0 4px;
|
||||
color: @text-color-dark;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
&:hover {
|
||||
color: @text-color-inverse;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-info:hover + .@{upload-item}-actions,
|
||||
.@{upload-item}-actions:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.@{upload-item}-thumbnail,
|
||||
.@{upload-item}-thumbnail img {
|
||||
position: static;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.@{upload-item}-name {
|
||||
display: none;
|
||||
margin: 8px 0 0;
|
||||
padding: 0;
|
||||
line-height: @line-height-base;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.@{upload-item}-file + .@{upload-item}-name {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.@{upload-item}-uploading {
|
||||
&.@{upload-item} {
|
||||
background-color: @background-color-light;
|
||||
}
|
||||
|
||||
.@{upload-item}-info {
|
||||
height: auto;
|
||||
&::before,
|
||||
.@{iconfont-css-prefix}-eye,
|
||||
.@{iconfont-css-prefix}-delete {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-progress {
|
||||
bottom: 32px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-success-icon {
|
||||
color: @success-color;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-animate-enter,
|
||||
.@{upload-prefix-cls}-animate-leave,
|
||||
.@{upload-prefix-cls}-animate-inline-enter,
|
||||
.@{upload-prefix-cls}-animate-inline-leave {
|
||||
animation-duration: 0.3s;
|
||||
animation-fill-mode: @ease-in-out-circ;
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-animate-enter {
|
||||
animation-name: uploadAnimateIn;
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-animate-leave {
|
||||
animation-name: uploadAnimateOut;
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-animate-inline-enter {
|
||||
animation-name: uploadAnimateInlineIn;
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-animate-inline-leave {
|
||||
animation-name: uploadAnimateInlineOut;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes uploadAnimateIn {
|
||||
from {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes uploadAnimateOut {
|
||||
to {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes uploadAnimateInlineIn {
|
||||
from {
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes uploadAnimateInlineOut {
|
||||
to {
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@import './rtl';
|
||||
188
web/node_modules/antd/lib/upload/style/rtl.less
generated
vendored
Normal file
188
web/node_modules/antd/lib/upload/style/rtl.less
generated
vendored
Normal file
@@ -0,0 +1,188 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@upload-prefix-cls: ~'@{ant-prefix}-upload';
|
||||
@upload-item: ~'@{ant-prefix}-upload-list-item';
|
||||
|
||||
.@{upload-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
&&-select-picture-card {
|
||||
.@{upload-prefix-cls}-rtl& {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-prefix-cls}-list {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
&-item-list-type-text {
|
||||
&:hover {
|
||||
.@{upload-prefix-cls}-list-item-name-icon-count-1 {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
padding-right: 22px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
}
|
||||
.@{upload-prefix-cls}-list-item-name-icon-count-2 {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
padding-right: 22px;
|
||||
padding-left: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-item {
|
||||
&-name {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
padding-right: @font-size-base + 8px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-name-icon-count-1 {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
padding-left: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
&-card-actions {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.@{iconfont-css-prefix} {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-info {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
padding: 0 4px 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{iconfont-css-prefix}-close {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
right: auto;
|
||||
left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&-error &-card-actions {
|
||||
.@{iconfont-css-prefix} {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
padding-right: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-progress {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
padding-right: @font-size-base + 12px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-picture,
|
||||
&-picture-card {
|
||||
.@{upload-item}-thumbnail {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
right: 8px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-icon {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
right: 50%;
|
||||
left: auto;
|
||||
transform: translate(50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-name {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
margin: 0 8px 0 0;
|
||||
padding-right: 48px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-name-icon-count-1 {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
padding-right: 48px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-name-icon-count-2 {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
padding-right: 48px;
|
||||
padding-left: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-progress {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
padding-right: 56px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.@{iconfont-css-prefix}-close {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
right: auto;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-picture-card {
|
||||
&-container {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
float: right;
|
||||
margin: 0 0 8px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item} {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
float: right;
|
||||
margin: 0 0 8px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-actions {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
right: 50%;
|
||||
left: auto;
|
||||
transform: translate(50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-file + .@{upload-item}-name {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
margin: 8px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.@{upload-item}-info {
|
||||
.@{upload-prefix-cls}-list-rtl& {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user