Mercurial > hg > orthanc
diff OrthancExplorer/libs/jquery-file-upload/css/jquery.fileupload-ui.css @ 3066:5713952f60c0 update-jquery
upgraded jquery, jquery-mobile, jquery-file-upload. Everything seems to be working as before. Theme has changed !
author | am@osimis.io |
---|---|
date | Wed, 26 Dec 2018 16:58:21 +0100 |
parents | 4bc019d2f969 |
children |
line wrap: on
line diff
--- a/OrthancExplorer/libs/jquery-file-upload/css/jquery.fileupload-ui.css Wed Dec 26 11:15:17 2018 +0100 +++ b/OrthancExplorer/libs/jquery-file-upload/css/jquery.fileupload-ui.css Wed Dec 26 16:58:21 2018 +0100 @@ -1,6 +1,6 @@ -@charset 'UTF-8'; +@charset "UTF-8"; /* - * jQuery File Upload UI Plugin CSS 6.3 + * jQuery File Upload UI Plugin CSS 8.1 * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2010, Sebastian Tschan @@ -13,19 +13,16 @@ .fileinput-button { position: relative; overflow: hidden; - float: left; - margin-right: 4px; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; - border: solid transparent; - border-width: 0 0 100px 200px; opacity: 0; filter: alpha(opacity=0); - -moz-transform: translate(-300px, 0) scale(4); + transform: translate(-300px, 0) scale(4); + font-size: 23px; direction: ltr; cursor: pointer; } @@ -33,52 +30,38 @@ .fileupload-buttonbar .toggle { margin-bottom: 5px; } -.files .progress { - width: 200px; -} .progress-animated .bar { background: url(../img/progressbar.gif) !important; filter: none; } .fileupload-loading { - position: absolute; - left: 50%; - width: 128px; - height: 128px; + float: right; + width: 32px; + height: 32px; background: url(../img/loading.gif) center no-repeat; + background-size: contain; display: none; } .fileupload-processing .fileupload-loading { display: block; } - -/* Fix for IE 6: */ -*html .fileinput-button { - line-height: 22px; - margin: 1px -3px 0 0; +.files audio, +.files video { + max-width: 300px; } -/* Fix for IE 7: */ -*+html .fileinput-button { - margin: 1px 0 0 0; -} - -@media (max-width: 480px) { +@media (max-width: 767px) { + .fileupload-buttonbar .toggle, + .files .toggle, .files .btn span { display: none; } - .files .preview * { - width: 40px; - } - .files .name * { + .files .name { width: 80px; - display: inline-block; word-wrap: break-word; } - .files .progress { - width: 20px; - } - .files .delete { - width: 60px; + .files audio, + .files video { + max-width: 80px; } }