Файловый загрузчик

Десктоп

 

В случае, когда пользователь загрузил несколько файлов, общий вес которых превышает допустимый, выходит ошибка.

 

При последующей загрузке файла собщение об ошибке исчезает.

 

Вся область загрузчика доступна для drag-and-drop.

 


 

Пунктирная линия drag-and-drop
Цвет

hex:#CDD1D4
rgb:(205,209,212);
Толщина 1px
Пунктир
3px линия
3px пробел


 


 

 

 


 

 

В случае, когда есть загруженный файл, в скобках отображается свободное количество памяти для загрузки.

 

Если название файла выходит за пределы трех строк высота блока увеличивается, до размеров вмещающих название файла.

 

Расстояние до разделительной линии отмеряется от самого нижнего элемента.

 

Последний загруженный файл отображается первым в списке файлов. Радиус скругления иконки файлов 4 пикселя

 


 

Файл в процессе загрузки


 

Файл загружен


 

Ошибка при загрузке файла

 


 

Ошибка при загрузке нескольких файлов


 

Заливка
HEX: #689F38
RGB: 100, 160, 55


 

Заливка
HEX: #D0021B
RGB: 210, 2, 25

 

 

 


 

 

Планшет

В случае, когда пользователь загрузил несколько файлов, общий вес которых превышает допустимый, выходит ошибка.

 

При последующей загрузке файла собщение об ошибке исчезает.

 

 

В случае, когда есть загруженный файл, в метке рядом с кнопкой загрузки файла отображается свободное количество памяти для загрузки.

 

Если название файла выходит за пределы трех строк высота блока увеличивается, до размеров вмещающих название файла.

 

Расстояние до разделительной линии отмеряется от самого нижнего элемента.

 

Последний загруженный файл отображается первым в списке файлов.

 


 

Файл в процессе загрузки


 

Файл загружен


 

Ошибка при загрузке файла

 


 

Ошибка при загрузке нескольких файлов


 

Заливка
HEX: #689F38
RGB: 100, 160, 55


 

Заливка
HEX: #D0021B
RGB: 210, 2 , 25

 

 


 

 

Смартфон

 

В случае, когда есть загруженный файл, в метке рядом с кнопкой загрузки файла отображается свободное количество памяти для загрузки.

 

В случае, когда пользователь загрузил несколько файлов, общий вес которых превышает допустимый, выходит ошибка.

 

При последующей загрузке файла собщение об ошибке исчезает.

 

Если название файла выходит за пределы трех строк высота блока увеличивается, до размеров вмещающих название файла.

 

Расстояние до разделительной линии отмеряется от самого нижнего элемента.

 

Последний загруженный файл отображается первым в списке файлов.

 

 


 

Файл в процессе загрузки


 

Файл загружен


 

Ошибка при загрузке файла

 


 

Ошибка при загрузке нескольких файлов


 

Заливка
HEX: #689F38
RGB: 100, 160, 55


 

Заливка
HEX: #D0021B
RGB: 210, 2, 25

Лайткуб