devextreme/less/sources/widgets/ios7/fileUploader.ios7.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/ios7/fileUploader.ios7.less)
* Version: 20.1.4
* Build date: Tue Jun 02 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "./button.ios7.less";
@import (once) "./progressBar.ios7.less";

@FILEUPLOADER_PADDING: 10px;
@FILEUPLOADER_FILE_TOP_MARGIN: 5px;

.dx-fileuploader {
    padding: @FILEUPLOADER_PADDING;
}

.dx-fileuploader-input-container {
    pointer-events: none;
    opacity: 0;
}

.dx-fileuploader-input-wrapper {
    padding-bottom: 19px;
    border-bottom: 1px solid #dfdfdf;

    .dx-fileuploader-upload-button {
        float: right;
    }
}

.dx-fileuploader-files-container {
    padding-top: 9px;

    .dx-invalid & {
        padding-top: 50px;
    }
}

.dx-fileuploader-file-name {
    padding-top: @FILEUPLOADER_FILE_TOP_MARGIN;
    color: @IOS7_FILEUPLOADER_FILENAME_TEXT_COLOR;
}

.dx-fileuploader-button-container {
    .dx-fileuploader-button {
        margin-right: 15px;
    }

    &:first-child {
        .dx-fileuploader-button {
            margin-right: 10px;
        }
    }
}

.dx-fileuploader-file-container {
    .dx-button .dx-icon {
        margin: 0;
    }
}

.dx-fileuploader-file-size {
    padding-top: @FILEUPLOADER_FILE_TOP_MARGIN;
}

.dx-fileuploader-file-status-message,
.dx-fileuploader-file-size {
    color: @IOS7_FILEUPLOADER_STATUS_TEXT_COLOR;
}

.dx-fileuploader-empty {
    .dx-fileuploader-input-wrapper {
        padding-bottom: 0;
        border-bottom: none;
    }

    .dx-fileuploader-files-container {
        padding: 0;
    }
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
    color: @IOS7_INVALID_COLOR;
}