mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-10 17:32:36 +00:00
FileUpload CSS refactor
This commit is contained in:
parent
29209eb1bf
commit
9c90990092
6 changed files with 48 additions and 68 deletions
|
@ -2,28 +2,23 @@ import BaseStyle from 'primevue/base/style';
|
|||
|
||||
const classes = {
|
||||
root: ({ props }) => [`p-fileupload p-fileupload-${props.mode} p-component`],
|
||||
buttonbar: 'p-fileupload-buttonbar',
|
||||
chooseButton: ({ instance, props }) => [
|
||||
'p-fileupload-choose',
|
||||
{
|
||||
'p-fileupload-choose-selected': props.mode === 'basic' && instance.hasFiles,
|
||||
'p-focus': instance.focused
|
||||
}
|
||||
],
|
||||
chooseIcon: 'p-fileupload-choose-icon',
|
||||
chooseButtonLabel: 'p-fileupload-choosebutton-label',
|
||||
buttonbar: 'p-fileupload-header',
|
||||
chooseButton: 'p-fileupload-choose-button', // TODO: Also add upload and clear
|
||||
chooseIcon: 'p-fileupload-choose-icon', // TODO: remove
|
||||
chooseButtonLabel: 'p-fileupload-choosebutton-label', // TODO: remove
|
||||
content: 'p-fileupload-content',
|
||||
empty: 'p-fileupload-empty',
|
||||
uploadIcon: 'p-fileupload-upload-icon',
|
||||
label: 'p-fileupload-button-label',
|
||||
emptyContent: 'p-fileupload-empty-content', // TODO: remove
|
||||
uploadIcon: 'p-fileupload-upload-icon', // TODO: remove
|
||||
label: 'p-fileupload-button-label', // TODO: remove
|
||||
fileList: 'p-fileupload-file-list',
|
||||
file: 'p-fileupload-file',
|
||||
thumbnail: 'p-fileupload-file-thumbnail',
|
||||
details: 'p-fileupload-file-details',
|
||||
details: 'p-fileupload-file-info',
|
||||
fileName: 'p-fileupload-file-name',
|
||||
fileSize: 'p-fileupload-file-size',
|
||||
badge: 'p-fileupload-file-badge',
|
||||
actions: 'p-fileupload-file-actions',
|
||||
removeButton: 'p-fileupload-file-remove'
|
||||
removeButton: 'p-fileupload-file-remove-button'
|
||||
};
|
||||
|
||||
export default BaseStyle.extend({
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue