Add method to display operation (uploading) progress in UI message

Aleksander Machniak

2014-11-20 0b36d151572e050b51d82e7429fee847ebb33e22

 plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css

@@ -238,6 +238,8 @@
.ui-button-icons-only .ui-button-text {
   padding: .4em;
   text-indent: -9999999px;
   width: 1px;
   overflow: hidden;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
@@ -491,15 +493,16 @@
   overflow: hidden;
   text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
.ui-dialog .ui-button.ui-dialog-titlebar-close {
   position: absolute;
   right: -15px;
   top: -15px;
   width: 30px;
   width: 29px;
   height: 29px;
   margin: 0;
   padding: 0;
   height: 30px;
   z-index: 99999;
   border-radius: 50%;
   border-width: 0 !important;
   background: none !important;
   filter: none !important;
@@ -508,16 +511,22 @@
        -o-box-shadow: none !important;
           box-shadow: none !important;
}
.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
   outline: 2px solid #4fadd5;
.ui-dialog .ui-dialog-titlebar-close.ui-button:focus,
.ui-dialog .ui-dialog-titlebar-close.ui-button.ui-state-focus {
   box-shadow: 0 0 2px 2px rgba(71,135,177, 0.9) !important;
   -webkit-box-shadow: 0 0 2px 2px rgba(71,135,177, 0.9) !important;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
   top: 0;
   left: 0;
   left: -1px;
   margin: 0;
   width: 30px;
   height: 30px;
   width: 29px;
   height: 29px;
   border-radius: 50%;
   background: url("images/ui-dialog-close.png") 0 0 no-repeat;
}
.no-close .ui-dialog-titlebar-close {
   display: none !important;
}
.ui-dialog .ui-dialog-content {
   position: relative;
@@ -899,7 +908,7 @@
   color: #333333;
}
.ui-widget-content a {
   color: #333333;
   color: #0186ba;
}
.ui-widget-header {
   border: 1px solid #fafafa;
@@ -1457,6 +1466,10 @@
   margin: 0;
   border-spacing: 0;
}
.ui-datepicker table:focus {
   outline: 2px solid #4fadd5;
   outline-offset: -2px;
}
.ui-datepicker td {
   border: 1px solid #bbb;
   padding: 0;
@@ -1482,9 +1495,9 @@
}
.ui-datepicker td a.ui-state-active {
   color: #fff;
   border-color: #0286ac;
   text-shadow: 0px 1px 1px #00516e;
   background: #00acd4;
   border-color: #0286ac !important;
   text-shadow: 0px 1px 1px #00516e !important;
   background: #00acd4 !important;
   background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7));
   background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%);
@@ -1494,4 +1507,9 @@
.ui-datepicker .ui-state-highlight {
   color: #0081c2;
}

.ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default {
   color: #fff;
   border-color: rgba(73,180,210,0.7);
   background: rgba(73,180,210,0.7);
   text-shadow: 0px 1px 1px #666;
}