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

Use <i> instead of <span> for menu icons.

Browse Source
This commit is contained in:
Nicolas Stepien 2013-03-12 14:53:51 +01:00
parent 33149d4d69
commit d789ec0f3e
3 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
4chan_x.user.js
View File

File diff suppressed because one or more lines are too long

7
css/style.css
View File

@ -736,7 +736,7 @@ a[href="javascript:;"] {
display: inline-block; display: inline-block;
position: relative; position: relative;
} }
.menu-button > span { .menu-button i {
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;
@ -761,11 +761,6 @@ a[href="javascript:;"] {
position: relative; position: relative;
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
/* XXX firefox fix */
top: 0;
right: 0;
bottom: 0;
left: 0;
} }
.entry.has-submenu { .entry.has-submenu {
padding-right: 20px; padding-right: 20px;

6
src/features.coffee
View File

@ -4,9 +4,9 @@ Header =
id: 'header' id: 'header'
innerHTML: """ innerHTML: """
<div id=header-bar class=dialog> <div id=header-bar class=dialog>
<span class=brackets-wrap><a class=menu-button href=javascript:;><span></span></a></span> <span class='menu-button brackets-wrap'><a href=javascript:;><i></i></a></span>
<span class=brackets-wrap hidden>top secret</span> <span class=brackets-wrap hidden>top secret</span>
<span class=brackets-wrap id=board-list hidden>next-gen board-list</span> <span id=board-list hidden>next-gen board-list</span>
<span class='show-board-list-button brackets-wrap' title="Toggle the board list."><a href=javascript:;>+</a></span> <span class='show-board-list-button brackets-wrap' title="Toggle the board list."><a href=javascript:;>+</a></span>
<a class=board-name href="/#{g.BOARD}/#{if g.VIEW is 'catalog' then 'catalog' else ''}"> <a class=board-name href="/#{g.BOARD}/#{if g.VIEW is 'catalog' then 'catalog' else ''}">
<span class=board-path>/#{g.BOARD}/</span> - <span class=board-title>...</span> <span class=board-path>/#{g.BOARD}/</span> - <span class=board-title>...</span>
@ -1318,7 +1318,7 @@ Menu =
(post) -> (post) ->
a or= $.el 'a', a or= $.el 'a',
className: 'menu-button' className: 'menu-button'
innerHTML: '[<span></span>]' innerHTML: '[<i></i>]'
href: 'javascript:;' href: 'javascript:;'
clone = a.cloneNode true clone = a.cloneNode true
clone.setAttribute 'data-postid', post.fullID clone.setAttribute 'data-postid', post.fullID