Unhide upload file button

diff --git a/web/javascript/main.js b/web/javascript/main.js
index e6b8ea786331588aeeacf4ad149fc23a18f5f839..c5552fd77982cb078925f4f28522db008766e365 100644 (file)
--- a/web/javascript/main.js
+++ b/web/javascript/main.js
@@ -34,7 +34,6 @@ function main() {
             // so the footer appears in the right place
             document.getElementById("torrent_container").style["min-height"] = "338px";
         };
-        document.querySelector("label[for=torrent_upload_url]").textContent = "URL: ";
     } else {
         // Fix for non-Safari-3 browsers: dark borders to replace shadows.
         Array.from(document.getElementsByClassName("dialog_window")).forEach(function (e) {

diff --git a/web/style/transmission/mobile.css b/web/style/transmission/mobile.css
index 9fe95f2ae42524703c7b7bb83d47e86d9a709008..5f84efa9961adf92e93a0185fe49619058054a99 100644 (file)
--- a/web/style/transmission/mobile.css
+++ b/web/style/transmission/mobile.css
@@ -49,12 +49,12 @@ div#toolbar {
   padding: 2px;
   border-bottom: 1px solid #AAA;
   background-color: #cccccc;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
-  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: linear-gradient(top, #dddddd, #bbbbbb); }
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
+  background-image: -webkit-linear-gradient(top, #ddd, #bbb);
+  background-image: -moz-linear-gradient(top, #ddd, #bbb);
+  background-image: -ms-linear-gradient(top, #ddd, #bbb);
+  background-image: -o-linear-gradient(top, #ddd, #bbb);
+  background-image: linear-gradient(top, #ddd, #bbb); }
   div#toolbar > * {
     cursor: pointer;
     -moz-user-select: none;
@@ -108,12 +108,12 @@ div#toolbar {
   overflow: hidden;
   position: relative;
   background-color: #cccccc;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
-  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: linear-gradient(top, #dddddd, #bbbbbb); }
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
+  background-image: -webkit-linear-gradient(top, #ddd, #bbb);
+  background-image: -moz-linear-gradient(top, #ddd, #bbb);
+  background-image: -ms-linear-gradient(top, #ddd, #bbb);
+  background-image: -o-linear-gradient(top, #ddd, #bbb);
+  background-image: linear-gradient(top, #ddd, #bbb); }
   #statusbar #filter {
     float: left;
     margin-left: 5px; }
@@ -346,15 +346,15 @@ div#torrent_inspector {
         background-color: #dddddd;
         background-image: url("images/inspector-info.png");
         /* fallback */
-        background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
+        background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB));
         /* Saf4+, Chrome */
-        background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #BBB);
         /* Chrome 10+, Saf5.1+ */
-        background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #BBB);
         /* FF3.6+ */
-        background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #BBB);
         /* IE10 */
-        background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #BBB);
         /* Opera 11.10+ */
         background-position: center;
         background-repeat: no-repeat;
@@ -379,15 +379,15 @@ div#torrent_inspector {
         background-color: #dddddd;
         background-image: url("images/inspector-peers.png");
         /* fallback */
-        background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
+        background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB));
         /* Saf4+, Chrome */
-        background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #BBB);
         /* Chrome 10+, Saf5.1+ */
-        background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #BBB);
         /* FF3.6+ */
-        background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #BBB);
         /* IE10 */
-        background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #BBB);
         /* Opera 11.10+ */
         background-position: center;
         background-repeat: no-repeat; }
@@ -411,15 +411,15 @@ div#torrent_inspector {
         background-color: #dddddd;
         background-image: url("images/inspector-trackers.png");
         /* fallback */
-        background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
+        background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB));
         /* Saf4+, Chrome */
-        background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #BBB);
         /* Chrome 10+, Saf5.1+ */
-        background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #BBB);
         /* FF3.6+ */
-        background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #BBB);
         /* IE10 */
-        background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #BBB);
         /* Opera 11.10+ */
         background-position: center;
         background-repeat: no-repeat; }
@@ -447,15 +447,15 @@ div#torrent_inspector {
         background-color: #dddddd;
         background-image: url("images/inspector-files.png");
         /* fallback */
-        background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
+        background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB));
         /* Saf4+, Chrome */
-        background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #BBB);
         /* Chrome 10+, Saf5.1+ */
-        background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #BBB);
         /* FF3.6+ */
-        background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #BBB);
         /* IE10 */
-        background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb);
+        background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #BBB);
         /* Opera 11.10+ */
         background-position: center;
         background-repeat: no-repeat; }
@@ -624,18 +624,18 @@ div.file-priority-radiobox {
     -moz-border-radius-bottomleft: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
-    background-color: #dcdcdc;
+    background-color: #dddddd;
     background-image: url("images/file-priority-low.png");
     /* fallback */
-    background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
+    background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c9c9c9));
     /* Saf4+, Chrome */
-    background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* Chrome 10+, Saf5.1+ */
-    background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* FF3.6+ */
-    background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* IE10 */
-    background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* Opera 11.10+ */
     background-position: center;
     background-repeat: no-repeat;
@@ -657,18 +657,18 @@ div.file-priority-radiobox {
       background-position: center;
       background-repeat: no-repeat; }
   div.file-priority-radiobox > div.normal {
-    background-color: #dcdcdc;
+    background-color: #dddddd;
     background-image: url("images/file-priority-normal.png");
     /* fallback */
-    background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
+    background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c9c9c9));
     /* Saf4+, Chrome */
-    background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* Chrome 10+, Saf5.1+ */
-    background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* FF3.6+ */
-    background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* IE10 */
-    background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* Opera 11.10+ */
     background-position: center;
     background-repeat: no-repeat; }
@@ -693,18 +693,18 @@ div.file-priority-radiobox {
     -moz-border-radius-bottomright: 5px;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
-    background-color: #dcdcdc;
+    background-color: #dddddd;
     background-image: url("images/file-priority-high.png");
     /* fallback */
-    background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
+    background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c9c9c9));
     /* Saf4+, Chrome */
-    background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* Chrome 10+, Saf5.1+ */
-    background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* FF3.6+ */
-    background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* IE10 */
-    background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
+    background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9);
     /* Opera 11.10+ */
     background-position: center;
     background-repeat: no-repeat;
@@ -738,12 +738,12 @@ div.torrent_footer {
   width: 100%;
   z-index: 3;
   background-color: #cccccc;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
-  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
-  background-image: linear-gradient(top, #dddddd, #bbbbbb); }
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
+  background-image: -webkit-linear-gradient(top, #ddd, #bbb);
+  background-image: -moz-linear-gradient(top, #ddd, #bbb);
+  background-image: -ms-linear-gradient(top, #ddd, #bbb);
+  background-image: -o-linear-gradient(top, #ddd, #bbb);
+  background-image: linear-gradient(top, #ddd, #bbb); }
   div.torrent_footer > div {
     position: relative;
     float: left;
@@ -763,15 +763,15 @@ div.torrent_footer {
     background-color: #dddddd;
     background-image: url("images/wrench.png");
     /* fallback */
-    background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
+    background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB));
     /* Saf4+, Chrome */
-    background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #BBB);
     /* Chrome 10+, Saf5.1+ */
-    background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #BBB);
     /* FF3.6+ */
-    background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #BBB);
     /* IE10 */
-    background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #BBB);
     /* Opera 11.10+ */
     background-position: center;
     background-repeat: no-repeat; }
@@ -797,15 +797,15 @@ div.torrent_footer {
     background-color: #dddddd;
     background-image: url("images/turtle.png");
     /* fallback */
-    background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
+    background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB));
     /* Saf4+, Chrome */
-    background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #BBB);
     /* Chrome 10+, Saf5.1+ */
-    background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #BBB);
     /* FF3.6+ */
-    background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #BBB);
     /* IE10 */
-    background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #BBB);
     /* Opera 11.10+ */
     background-position: center;
     background-repeat: no-repeat; }
@@ -847,15 +847,15 @@ div.torrent_footer {
     background-color: #dddddd;
     background-image: url("images/compact.png");
     /* fallback */
-    background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
+    background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB));
     /* Saf4+, Chrome */
-    background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #BBB);
     /* Chrome 10+, Saf5.1+ */
-    background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #BBB);
     /* FF3.6+ */
-    background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #BBB);
     /* IE10 */
-    background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
+    background-image: url("images/compact.png"), -o-linear-gradient(top, white, #BBB);
     /* Opera 11.10+ */
     background-position: center;
     background-repeat: no-repeat; }
@@ -875,6 +875,11 @@ div.torrent_footer {
       /* Opera 11.10+ */
       background-position: center;
       background-repeat: no-repeat; }
+  div.torrent_footer #freespace-info {
+    float: right;
+    text-align: right;
+    border: 0px;
+    width: 100px; }
 
 /****
 *****
@@ -890,8 +895,18 @@ div#dialog_message.dialog_message {
   overflow: hidden;
   padding-bottom: 0; }
 
-#torrent_upload_file, label[for="torrent_upload_file"] {
-  display: none; }
+div#upload_container div.dialog_window div.dialog_message label {
+  margin-top: 15px;
+  display: block; }
+div#upload_container div.dialog_window div.dialog_message input {
+  margin: 3px auto;
+  display: block; }
+div#upload_container div.dialog_window div.dialog_message input[type=checkbox] {
+  margin: 15px 3px 0 0;
+  display: inline;
+  width: auto; }
+div#upload_container div.dialog_window div.dialog_message #auto_start_label {
+  display: inline; }
 
 h2.dialog_heading {
   text-align: center;

diff --git a/web/style/transmission/mobile.scss b/web/style/transmission/mobile.scss
index a7e56e31ea606382e63fc631e4ce9e0e53425087..d17aa69f85ec8938389c0013097c42c368f41f5d 100644 (file)
--- a/web/style/transmission/mobile.scss
+++ b/web/style/transmission/mobile.scss
@@ -758,8 +758,23 @@ div#dialog_message.dialog_message {
        padding-bottom: 0;
 }
 
-#torrent_upload_file, label[for="torrent_upload_file"]{
-       display:none;
+div#upload_container div.dialog_window div.dialog_message {
+       label {
+               margin-top: 15px;
+               display: block;
+       }
+       input {
+               margin: 3px auto;
+               display: block;
+       }
+       input[type=checkbox] {
+               margin: 15px 3px 0 0;
+               display: inline;
+               width: auto;
+       }
+       #auto_start_label {
+               display: inline;
+       }
 }
 
 h2.dialog_heading {