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

Switch the menu button on posts to the fontawesome icon.

Browse Source
This commit is contained in:
Mayhem 2014-02-08 18:43:40 +01:00
parent bbf7abd6fa
commit 0fac43ee46
2 changed files with 2 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/style.css
View File

@ -978,14 +978,6 @@ a.remove {
.menu-button { .menu-button {
position: relative; position: relative;
} }
.menu-button i:not(.fa-bars) {
border-top: 6px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
display: inline-block;
margin: 2px;
vertical-align: middle;
}
@media screen and (resolution: 1dppx) { @media screen and (resolution: 1dppx) {
.fa-bars { .fa-bars {
font-size: 14px; font-size: 14px;

9
src/Menu/Menu.coffee
View File

@ -4,7 +4,7 @@ Menu =
a = $.el 'a', a = $.el 'a',
className: 'menu-button' className: 'menu-button'
innerHTML: '[<i></i>]' innerHTML: '<i class="fa fa-bars"></i>'
href: 'javascript:;' href: 'javascript:;'
@frag = $.nodes [$.tn(' '), a] @frag = $.nodes [$.tn(' '), a]
@ -22,12 +22,7 @@ Menu =
return return
$.add @nodes.info, Menu.makeButton() $.add @nodes.info, Menu.makeButton()
catalogNode: -> catalogNode: ->
menuButton = $.el 'a', $.add @nodes.thumb, Menu.makeButton()
className: 'menu-button'
innerHTML: '<i class="fa fa-bars"></i>'
href: 'javascript:;'
$.on menuButton, 'click', Menu.toggle
$.add @nodes.thumb, menuButton
makeButton: -> makeButton: ->
clone = Menu.frag.cloneNode true clone = Menu.frag.cloneNode true