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

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

File diff suppressed because one or more lines are too long

View File

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

View File

@ -4,9 +4,9 @@ Header =
id: 'header'
innerHTML: """
<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 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>
<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>
@ -1318,7 +1318,7 @@ Menu =
(post) ->
a or= $.el 'a',
className: 'menu-button'
innerHTML: '[<span></span>]'
innerHTML: '[<i></i>]'
href: 'javascript:;'
clone = a.cloneNode true
clone.setAttribute 'data-postid', post.fullID