selected-file
This commit is contained in:
parent
ae0ae33325
commit
b8874693ae
1 changed files with 24 additions and 78 deletions
|
|
@ -27,6 +27,7 @@
|
|||
|
||||
.webbpm.ervu_lkrp_ul .mute {
|
||||
color: var(--border-light);
|
||||
font-family: 'InterL';
|
||||
font-size: var(--size-text-secondary);
|
||||
|
||||
grid-v2& .ag-row .ag-cell {
|
||||
|
|
@ -242,8 +243,7 @@
|
|||
border-radius: 10px;
|
||||
}
|
||||
.mute {
|
||||
color: var(--color-light);
|
||||
font-family: 'InterL';
|
||||
color: var(--color-light);
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
|
|
@ -787,6 +787,7 @@
|
|||
margin: var(--indent-mini) 0;
|
||||
|
||||
.file-drop-zone {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: var(--indent-small);
|
||||
|
|
@ -802,93 +803,50 @@
|
|||
outline: transparent;
|
||||
}
|
||||
}
|
||||
.selected-file-list {
|
||||
padding: 16px;
|
||||
.selected-file {
|
||||
display: flex;
|
||||
padding: 12px 16px;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 4px;
|
||||
background-color: var(--bg-light);
|
||||
|
||||
.selected-file-name {
|
||||
position: relative;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
padding-left: 60px;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: url(../img/svg/file-xlsx.svg);
|
||||
top: -2px;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.selected-file-size {
|
||||
color: var(--border-light);
|
||||
font-family: 'InterL';
|
||||
font-size: var(--size-text-secondary);
|
||||
margin-left: 8px;
|
||||
|
||||
&::before {
|
||||
position: relative;
|
||||
content: "|";
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
.selected-file-delete-btn {
|
||||
font-size: var(--size-text-secondary);
|
||||
margin-left: auto;
|
||||
border: 0;
|
||||
outline: transparent;
|
||||
}
|
||||
}
|
||||
& ~ button-component:not(.info):not(.link) {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
file-upload {
|
||||
display: block;
|
||||
margin: 16px 0;
|
||||
|
||||
.files-view-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 16px;
|
||||
margin: 16px 0 0;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 4px;
|
||||
background-color: var(--bg-light);
|
||||
& > * {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.file-icon-preview {
|
||||
width: 48px;
|
||||
height: 24px;
|
||||
|
||||
&::before {
|
||||
width: 48px;
|
||||
height: 24px;
|
||||
background-image: url(../img/svg/file-xlsx.svg);
|
||||
}
|
||||
}
|
||||
.files-view-name {
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
margin-top: 0;
|
||||
}
|
||||
.clear {
|
||||
position: relative;
|
||||
top: auto;
|
||||
right: auto;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: transparent !important;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url(../img/svg/cross.svg) no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
& ~ button-component:not(.info):not(.link) {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
.paragraph-list > .vertical-container > * {
|
||||
position: relative;
|
||||
padding-left: var(--indent-small);
|
||||
|
|
@ -939,15 +897,3 @@
|
|||
.webbpm.ervu_lkrp_fl .dialog-link {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* ErvuFileUpload start */
|
||||
.webbpm .ervu-file-upload .file-drop-zone {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 152px 0 66px 0;
|
||||
border: 1px dashed #828282;
|
||||
border-radius: 16px;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
/* ErvuFileUpload end */
|
||||
Loading…
Add table
Add a link
Reference in a new issue