Added icons to menu actions in Web UI

This commit is contained in:
Christophe Dumez 2010-04-07 08:30:47 +00:00
parent 76eb93ba1a
commit 977b2bda7c
2 changed files with 19 additions and 14 deletions

View file

@ -242,4 +242,9 @@ a.propButton img {
padding: 25px 0 0 14px; padding: 25px 0 0 14px;
} }
.MyMenuIcon {
margin-left: -16px;
margin-bottom: -3px;
padding-right: 3px;
}

View file

@ -35,36 +35,36 @@
<li> <li>
<a class="returnFalse">_(File)</a> <a class="returnFalse">_(File)</a>
<ul> <ul>
<li><a id="uploadLink">_(Open torrent)</a></li> <li><a id="uploadLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/open.png" width="16" height="16" onload="fixPNG(this)"/>_(Open torrent)</a></li>
<li><a id="downloadLink">_(Download from URL)</a></li> <li><a id="downloadLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/url.png" width="16" height="16" onload="fixPNG(this)"/>_(Download from URL)</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<a class="returnFalse">_(Edit)</a> <a class="returnFalse">_(Edit)</a>
<ul> <ul>
<li><a id="resumeAllLink">_(Start All)</a></li> <li><a id="resumeAllLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/play_all.png" width="16" height="16" onload="fixPNG(this)"/>_(Start All)</a></li>
<li><a id="pauseAllLink">_(Pause All)</a></li> <li><a id="pauseAllLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/pause_all.png" width="16" height="16" onload="fixPNG(this)"/>_(Pause All)</a></li>
<li class="divider"><a id="resumeLink">_(Start)</a></li> <li class="divider"><a id="resumeLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/play.png" width="16" height="16" onload="fixPNG(this)"/>_(Start)</a></li>
<li><a id="pauseLink">_(Pause)</a></li> <li><a id="pauseLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/pause.png" width="16" height="16" onload="fixPNG(this)"/>_(Pause)</a></li>
<li><a id="recheckLink">_(Force recheck)</a></li> <li><a id="recheckLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/oxygen/gear.png" width="16" height="16" onload="fixPNG(this)"/>_(Force recheck)</a></li>
<li class="divider"><a id="deleteLink">_(Delete)</a></li> <li class="divider"><a id="deleteLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/delete.png" width="16" height="16" onload="fixPNG(this)"/>_(Delete)</a></li>
<li><a id="deletePermLink">_(Delete from HD)</a></li> <li><a id="deletePermLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/delete_perm.png" width="16" height="16" onload="fixPNG(this)"/>_(Delete from HD)</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<a class="returnFalse">_(Options)</a> <a class="returnFalse">_(Options)</a>
<ul> <ul>
<li><a id="preferencesLink">_(Preferences)</a></li> <li><a id="preferencesLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/settings.png" width="16" height="16" onload="fixPNG(this)"/>_(Preferences)</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<a class="returnFalse">_(Help)</a> <a class="returnFalse">_(Help)</a>
<ul> <ul>
<li><a id="bugLink">_(Report a bug)</a></li> <li><a id="bugLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/oxygen/bug.png" width="16" height="16" onload="fixPNG(this)"/>_(Report a bug)</a></li>
<li><a id="siteLink">_(Visit Website)</a></li> <li><a id="siteLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/qbittorrent16.png" width="16" height="16" onload="fixPNG(this)"/>_(Visit Website)</a></li>
<li><a id="docsLink">_(Documentation)</a></li> <li><a id="docsLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/qb_question.png" width="16" height="16" onload="fixPNG(this)"/>_(Documentation)</a></li>
<li><a id="aboutLink">_(About)</a></li> <li><a id="aboutLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/info.png" width="16" height="16" onload="fixPNG(this)"/>_(About)</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>