Browse Source

- Made Web UI tool bar looks exactly like the Web UI one (same buttons orders and added separators)

adaptive-webui-19844
Christophe Dumez 15 years ago
parent
commit
ae10bc9270
  1. BIN
      src/Icons/skin/toolbox-divider.gif
  2. 1
      src/icons.qrc
  3. 5
      src/webui/css/mocha.css
  4. 12
      src/webui/index.html

BIN
src/Icons/skin/toolbox-divider.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 B

1
src/icons.qrc

@ -35,6 +35,7 @@ @@ -35,6 +35,7 @@
<file>Icons/skin/increase.png</file>
<file>Icons/skin/qbittorrent32.png</file>
<file>Icons/skin/paused.png</file>
<file>Icons/skin/toolbox-divider.gif</file>
<file>Icons/skin/stalledDL.png</file>
<file>Icons/skin/qb_question.png</file>
<file>Icons/skin/download.png</file>

5
src/webui/css/mocha.css

@ -579,6 +579,11 @@ div.mochaToolbarWrapper.bottom { @@ -579,6 +579,11 @@ div.mochaToolbarWrapper.bottom {
border-bottom: 1px solid #d9d9d9;
}
#mochaToolbar .divider {
background: url(../images/skin/toolbox-divider.gif) left center no-repeat;
padding: 30px 3px 0 12px;
}
#mochaToolbar {
padding: 4px 4px 4px 4px;
background: #f0f0f0;

12
src/webui/index.html

@ -65,19 +65,19 @@ @@ -65,19 +65,19 @@
</ul>
</div>
<div id="mochaToolbar">
<a id="uploadButton"><img class="mochaToolButton" title="_(Download local torrent)" src="images/skin/open.png"/></a>
<a id="downloadButton"><img class="mochaToolButton" title="_(Download from URL)" src="images/skin/url.png"/></a>
<a id="uploadButton"><img class="mochaToolButton" title="_(Download local torrent)" src="images/skin/open.png"/></a>
<a id="deleteButton"><img class="mochaToolButton" title="_(Delete)" src="images/skin/delete.png"/></a>
<a id="deleteButton" class="divider"><img class="mochaToolButton" title="_(Delete)" src="images/skin/delete.png"/></a>
<a id="deletePermButton"><img class="mochaToolButton" title="_(Delete from HD)" src="images/skin/delete_perm.png"/></a>
<a id="resumeButton"><img class="mochaToolButton" title="_(Start)" src="images/skin/play.png"/></a>
<a id="resumeButton" class="divider"><img class="mochaToolButton" title="_(Start)" src="images/skin/play.png"/></a>
<a id="pauseButton"><img class="mochaToolButton" title="_(Pause)" src="images/skin/pause.png"/></a>
<a id="resumeAllButton"><img class="mochaToolButton" title="_(Start All)" src="images/skin/play_all.png"/></a>
<a id="resumeAllButton" class="divider"><img class="mochaToolButton" title="_(Start All)" src="images/skin/play_all.png"/></a>
<a id="pauseAllButton"><img class="mochaToolButton" title="_(Pause All)" src="images/skin/pause_all.png"/></a>
<a id="preferencesButton"><img class="mochaToolButton" title="_(Preferences)" src="images/skin/settings.png"/></a>
<span id="queueingButtons">
<a id="decreasePrioButton"><img class="mochaToolButton" title="_(Decrease priority)" src="images/skin/decrease.png"/></a>
<a id="decreasePrioButton" class="divider"><img class="mochaToolButton" title="_(Decrease priority)" src="images/skin/decrease.png"/></a>
<a id="increasePrioButton"><img class="mochaToolButton" title="_(Increase priority)" src="images/skin/increase.png"/></a>
</span>
<a id="preferencesButton" class="divider"><img class="mochaToolButton" title="_(Preferences)" src="images/skin/settings.png"/></a>
</div>
</div>
<div id="pageWrapper"><span id="error_div"></span>

Loading…
Cancel
Save