Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Replace the Header & Thread Watcher menu icon with a FontAwesome icon.

Browse Source 
Also fix .brackets-wrap spacing.
This commit is contained in:
Mayhem 2013-08-20 18:18:17 +02:00
parent 3f04351e48
commit a7d26c173d
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/style.css
View File

@ -191,17 +191,14 @@ a[href="javascript:;"] {
text-decoration: none; text-decoration: none;
padding: 1px; padding: 1px;
} }
#shortcuts::after {
margin-left: 2px;
}
.shortcut:not(:last-child)::after { .shortcut:not(:last-child)::after {
content: " / "; content: " / ";
} }
.brackets-wrap::before { .brackets-wrap::before {
content: "\\00a0["; content: " [ ";
} }
.brackets-wrap::after { .brackets-wrap::after {
content: "]\\00a0"; content: " ] ";
} }
/* Notifications */ /* Notifications */
@ -885,10 +882,9 @@ a.hide-announcement {
/* Menu */ /* Menu */
.menu-button { .menu-button {
display: inline-block;
position: relative; position: relative;
} }
.menu-button i { .menu-button i:not(.icon-reorder) {
border-top: 6px solid; border-top: 6px solid;
border-right: 4px solid transparent; border-right: 4px solid transparent;
border-left: 4px solid transparent; border-left: 4px solid transparent;
@ -896,6 +892,14 @@ a.hide-announcement {
margin: 2px; margin: 2px;
vertical-align: middle; vertical-align: middle;
} }
:root.blink .menu-button .icon-reorder {
/* crbug.com/25541 */
font-size: 14px;
}
:root.blink #shortcuts .icon-reorder {
/* crbug.com/25541 */
vertical-align: -1px;
}
#menu { #menu {
border-bottom: 0; border-bottom: 0;
display: -webkit-flex; display: -webkit-flex;

2
html/Monitoring/ThreadWatcher.html
View File

@ -1,5 +1,5 @@
<div> <div>
<span class="move">Thread Watcher <span id="watcher-status"></span></span> <span class="move">Thread Watcher <span id="watcher-status"></span></span>
<a class="menu-button" href="javascript:;">[<i></i>]</a> <a class="menu-button" href="javascript:;"><i class="icon-reorder"></i></a>
</div> </div>
<div id="watched-threads"></div> <div id="watched-threads"></div>

2
src/General/Header.coffee
View File

@ -12,7 +12,7 @@ Header =
@menu = new UI.Menu 'header' @menu = new UI.Menu 'header'
menuButton = $.el 'a', menuButton = $.el 'a',
className: 'menu-button' className: 'menu-button'
innerHTML: '<i></i>' innerHTML: '<i class=icon-reorder></i>'
href: 'javascript:;' href: 'javascript:;'
$.on menuButton, 'click', @menuToggle $.on menuButton, 'click', @menuToggle
@addShortcut menuButton, 0 @addShortcut menuButton, 0