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;
   }
 }