Replace the times symbol with fa-times. #1338

This commit is contained in:
Mayhem 2013-11-16 03:34:59 +01:00
parent e7dfbf776b
commit ffc625259e
6 changed files with 11 additions and 12 deletions

View File

@ -223,7 +223,7 @@ a[href="javascript:;"] {
color: white; color: white;
} }
.notification > .close { .notification > .close {
padding: 6px; padding: 7px;
top: 0; top: 0;
right: 0; right: 0;
position: absolute; position: absolute;
@ -273,7 +273,7 @@ a[href="javascript:;"] {
} }
#fourchanx-settings > nav a.close { #fourchanx-settings > nav a.close {
text-decoration: none; text-decoration: none;
padding: 2px; padding: 0 2px;
} }
.sections-list { .sections-list {
flex: 1; flex: 1;
@ -743,13 +743,13 @@ a.hide-announcement {
border-style: dashed; border-style: dashed;
opacity: 1; opacity: 1;
} }
.remove { a.remove {
color: #E00 !important; color: #E00 !important;
font-weight: 700; padding: 1px;
padding: 3px;
} }
.remove:hover::after { .remove:hover::after {
content: ' Remove'; content: ' Remove';
font-weight: 700;
} }
.qr-preview > label { .qr-preview > label {
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .5);
@ -841,7 +841,6 @@ a.hide-announcement {
#qr-no-file, #qr-no-file,
#qr-filename, #qr-filename,
#qr-filesize, #qr-filesize,
#qr-filerm,
#qr-file-spoiler { #qr-file-spoiler {
margin: 0 2px !important; margin: 0 2px !important;
} }

View File

@ -8,7 +8,7 @@
 |   | 
<a href="<%= meta.repo %>blob/<%= meta.mainBranch %>/CONTRIBUTING.md#reporting-bugs-and-suggestions" target="_blank">Issues</a> <a href="<%= meta.repo %>blob/<%= meta.mainBranch %>/CONTRIBUTING.md#reporting-bugs-and-suggestions" target="_blank">Issues</a>
&nbsp;|&nbsp; &nbsp;|&nbsp;
<a href="javascript:;" class="close" title="Close">×</a> <a href="javascript:;" class="close fa fa-times" title="Close"></a>
</div> </div>
</nav> </nav>
<hr> <hr>

View File

@ -4,7 +4,7 @@
<option value="new">New thread</option> <option value="new">New thread</option>
</select> </select>
<span class="move"></span> <span class="move"></span>
<a href="javascript:;" class="close" title="Close">×</a> <a href="javascript:;" class="close fa fa-times" title="Close"></a>
</div> </div>
<form> <form>
<div class="persona"> <div class="persona">
@ -29,7 +29,7 @@
<span id="qr-no-file">No selected file</span> <span id="qr-no-file">No selected file</span>
<input id="qr-filename" data-name="filename" spellcheck="false"> <input id="qr-filename" data-name="filename" spellcheck="false">
<span id="qr-filesize"></span> <span id="qr-filesize"></span>
<a id="qr-filerm" href="javascript:;" title="Remove file">×</a> <a href="javascript:;" id="qr-filerm" class="fa fa-times" title="Remove file"></a>
<input type="checkbox" id="qr-file-spoiler" title="Spoiler image"> <input type="checkbox" id="qr-file-spoiler" title="Spoiler image">
</div> </div>
</div> </div>

View File

@ -1,7 +1,7 @@
class Notice class Notice
constructor: (type, content, @timeout) -> constructor: (type, content, @timeout) ->
@el = $.el 'div', @el = $.el 'div',
innerHTML: '<a href=javascript:; class=close title=Close>×</a><div class=message></div>' innerHTML: '<a href=javascript:; class="close fa fa-times" title=Close></a><div class=message></div>'
@el.style.opacity = 0 @el.style.opacity = 0
@setType type @setType type
$.on @el.firstElementChild, 'click', @close $.on @el.firstElementChild, 'click', @close

View File

@ -131,7 +131,7 @@ ThreadWatcher =
makeLine: (boardID, threadID, data) -> makeLine: (boardID, threadID, data) ->
x = $.el 'a', x = $.el 'a',
textContent: '×' className: 'fa fa-times'
href: 'javascript:;' href: 'javascript:;'
$.on x, 'click', ThreadWatcher.cb.rm $.on x, 'click', ThreadWatcher.cb.rm

View File

@ -438,7 +438,7 @@ QR =
className: 'qr-preview' className: 'qr-preview'
draggable: true draggable: true
href: 'javascript:;' href: 'javascript:;'
innerHTML: '<a class=remove>×</a><label hidden><input type=checkbox> Spoiler</label><span></span>' innerHTML: '<a class="remove fa fa-times"></a><label hidden><input type=checkbox> Spoiler</label><span></span>'
@nodes = @nodes =
el: el el: el