Added styling for disabled buttons and the drag and drop upload dialog

js/apps/system/aardvark/frontend/scss/_buttons.scss

@@ -40,8 +40,11 @@
   @extend %positive;
 }
 
-.button-success:disabled {
-  @extend %neutral;
+[class^='button-']:disabled,
+[class*=' button-']:disabled {
+  @extend %inactive;
+
+  cursor: not-allowed;
 }
 
 .button-danger {

js/apps/system/aardvark/frontend/scss/_colors.scss

@@ -20,7 +20,7 @@ $c-notification: #faa020;
 $c-notification-hover: #f87c0f;
 
 $c-inactive: #d3d3d3;
-$c-inactive-hover: #808080;
+$c-inactive-hover: #d3d3d3;
 
 $c-header-btn-bg: #ddd;
 $c-header-btn-fg: #555;

js/apps/system/aardvark/frontend/scss/_modals.scss

@@ -57,6 +57,10 @@
     }
   }
 
+  input[type='file'] {
+    line-height: 17px;
+  }
+
   th {
     %cell-centered {
       text-align: center;

js/apps/system/aardvark/frontend/scss/generated.css

@@ -1416,9 +1416,9 @@ nav.navbar, footer.footer {
   .button-warning:hover, .button-warning:focus {
     background-color: #f89406; }
 
-.button-neutral, .button-success:disabled, .button-close {
+.button-neutral, .button-close {
   background-color: #8f8d8c; }
-  .button-neutral:hover, .button-success:hover:disabled, .button-close:hover, .button-neutral:focus, .button-success:focus:disabled, .button-close:focus {
+  .button-neutral:hover, .button-close:hover, .button-neutral:focus, .button-close:focus {
     background-color: #736b68; }
 
 .dashboard-sub-bar-menu {
@@ -1444,10 +1444,13 @@ nav.navbar, footer.footer {
   .button-notification:hover, .button-notification:focus {
     background-color: #f87c0f; }
 
-.button-inactive {
+[class^='button-']:disabled,
+[class*=' button-']:disabled, .button-inactive {
   background-color: #d3d3d3; }
-  .button-inactive:hover, .button-inactive:focus {
-    background-color: #808080; }
+  [class^='button-']:hover:disabled,
+  [class*=' button-']:hover:disabled, .button-inactive:hover, [class^='button-']:focus:disabled,
+  [class*=' button-']:focus:disabled, .button-inactive:focus {
+    background-color: #d3d3d3; }
 
 ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu {
   -moz-border-radius: 3px;
@@ -1691,6 +1694,10 @@ div.footer-right {
 .button-header {
   margin-top: 5px; }
 
+[class^='button-']:disabled,
+[class*=' button-']:disabled {
+  cursor: not-allowed; }
+
 .addButton {
   font-size: 22px;
   margin-right: 7px;
@@ -4418,6 +4425,8 @@ div.breadcrumb a.disabledBread {
       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 23, 23, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 23, 23, 0.6);
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 23, 23, 0.6); }
+  .modal-body input[type='file'] {
+    line-height: 17px; }
   .modal-body th th.actionCell, .modal-body th th.keyCell, .modal-body th .valueCell {
     text-align: center; }
   .modal-body th.actionCell {
@@ -6177,4 +6186,125 @@ table .sorting {
 .totalDocuments:hover {
   color: #000; }
 
+.ajax-file-upload-statusbar {
+  border: 1px solid #0ba1b5;
+  margin-top: 10px;
+  width: 420px;
+  margin-right: 10px;
+  margin: 5px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  padding: 5px 5px 5px 5px; }
+
+.ajax-file-upload-filename {
+  width: 100%;
+  height: auto;
+  margin: 0 5px 5px 10px;
+  color: #807579; }
+
+.ajax-file-upload-progress {
+  margin: 0 10px 5px 10px;
+  position: relative;
+  width: 250px;
+  border: 1px solid #ddd;
+  padding: 1px;
+  border-radius: 3px;
+  display: inline-block; }
+
+.ajax-file-upload-bar {
+  background-color: #0ba1b5;
+  width: 0;
+  height: 20px;
+  border-radius: 3px;
+  color: #FFFFFF; }
+
+.ajax-file-upload-percent {
+  position: absolute;
+  display: inline-block;
+  top: 3px;
+  left: 48%; }
+
+.ajax-file-upload-red {
+  -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
+  -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
+  box-shadow: inset 0 39px 0 -24px #e67a73;
+  background-color: #e4685d;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  display: inline-block;
+  color: #fff;
+  font-family: arial;
+  font-size: 13px;
+  font-weight: normal;
+  padding: 4px 15px;
+  text-decoration: none;
+  text-shadow: 0 1px 0 #b23e35;
+  cursor: pointer;
+  vertical-align: top;
+  margin-right: 5px; }
+
+.ajax-file-upload-green {
+  background-color: #77b55a;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+  color: #fff;
+  font-family: arial;
+  font-size: 13px;
+  font-weight: normal;
+  padding: 4px 15px;
+  text-decoration: none;
+  cursor: pointer;
+  text-shadow: 0 1px 0 #5b8a3c;
+  vertical-align: top;
+  margin-right: 5px; }
+
+.ajax-file-upload {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 16px;
+  font-weight: bold;
+  padding: 15px 20px;
+  cursor: pointer;
+  line-height: 20px;
+  height: 25px;
+  margin: 0 10px 10px 0;
+  display: inline-block;
+  background: #fff;
+  border: 1px solid #e8e8e8;
+  color: #888;
+  text-decoration: none;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
+  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
+  box-shadow: 0 2px 0 0 #e8e8e8;
+  padding: 6px 10px 4px 10px;
+  color: #fff;
+  background: #2f8ab9;
+  border: none;
+  -moz-box-shadow: 0 2px 0 0 #13648d;
+  -webkit-box-shadow: 0 2px 0 0 #13648d;
+  box-shadow: 0 2px 0 0 #13648d;
+  vertical-align: middle; }
+
+.ajax-file-upload:hover {
+  background: #3396c9;
+  -moz-box-shadow: 0 2px 0 0 #15719f;
+  -webkit-box-shadow: 0 2px 0 0 #15719f;
+  box-shadow: 0 2px 0 0 #15719f; }
+
+.ajax-upload-dragdrop {
+  border: 2px dotted #A5A5C7;
+  width: 420px;
+  color: #DADCE3;
+  text-align: left;
+  vertical-align: middle;
+  padding: 10px 10px 0px 10px; }
+
 /*# sourceMappingURL=generated.css.map */

js/apps/system/aardvark/frontend/scss/style.scss

@@ -82,3 +82,6 @@
 
 // Temporary:
 @import 'documentsView';
+
+// Plugin
+@import 'uploadfile';