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

Use brackets-wrap

Browse Source 
This also should make things easier for people who use userstyles
who would want to hide brackets or otherwise change their content
without resorting to weird hacks, like changing the font size of
the parent element to 0 and making text invisible, and then
reverting it in child elements.
This commit is contained in:
Zixaphir 2014-01-12 23:49:25 -07:00
parent 251eaf802f
commit 3f849a95d8
5 changed files with 20 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
builds/4chan-X.user.js
View File

File diff suppressed because one or more lines are too long

10
builds/crx/script.js
View File

File diff suppressed because one or more lines are too long

7
src/General/Index.coffee
View File

@ -83,9 +83,8 @@ Index =
$.on @pagelist, 'click', @cb.pageNav $.on @pagelist, 'click', @cb.pageNav
$.on @searchInput, 'input', @onSearchInput $.on @searchInput, 'input', @onSearchInput
$.on $('#index-search-clear', @navLinks), 'click', @clearSearch $.on $('#index-search-clear', @navLinks), 'click', @clearSearch
$.on $('#returnlink', @navLinks), 'click', Navigate.navigate $.on $('#returnlink a', @navLinks), 'click', Navigate.navigate
$.on $('#cataloglink', @navLinks), 'click', -> window.location = "//boards.4chan.org/#{g.BOARD}/catalog" $.on $('#cataloglink a', @navLinks), 'click', -> window.location = "//boards.4chan.org/#{g.BOARD}/catalog"
@update() if g.VIEW is 'index' @update() if g.VIEW is 'index'
$.asap (-> $('.board', doc) or d.readyState isnt 'loading'), -> $.asap (-> $('.board', doc) or d.readyState isnt 'loading'), ->
@ -292,7 +291,7 @@ Index =
new Notice 'error', 'Index refresh failed.', 1 new Notice 'error', 'Index refresh failed.', 1
return return
timeEl = $ '#index-last-refresh', Index.navLinks timeEl = $ '#index-last-refresh time', Index.navLinks
timeEl.dataset.utc = Date.parse req.getResponseHeader 'Last-Modified' timeEl.dataset.utc = Date.parse req.getResponseHeader 'Last-Modified'
RelativeDates.update timeEl RelativeDates.update timeEl
Index.scrollToIndex() Index.scrollToIndex()

16
src/General/css/style.css
View File

@ -273,12 +273,12 @@ div.center:not(.ad-cnt) {
font-weight: bold; font-weight: bold;
} }
/* 4chan X link brackets */ /* 4chan X link brackets */
.brackets-wrap::after {
content: "]";
}
.brackets-wrap::before { .brackets-wrap::before {
content: "["; content: "[";
} }
.brackets-wrap::after {
content: "]";
}
/* Notifications */ /* Notifications */
#notifications { #notifications {
position: fixed; position: fixed;
@ -508,16 +508,6 @@ div.center:not(.ad-cnt) {
.thread #index-search { .thread #index-search {
display: none; display: none;
} }
#returnlink::before,
#bottomlink::before,
#index-last-refresh::before {
content: '[';
}
#returnlink::after,
#bottomlink::after,
#index-last-refresh::after {
content: ']';
}
/* Announcement Hiding */ /* Announcement Hiding */
:root.hide-announcement #globalMessage { :root.hide-announcement #globalMessage {

8
src/General/html/Features/Index-navlinks.html
View File

@ -1,6 +1,6 @@
<a href=.././ id=returnlink>Return</a> <span class=brackets-wrap id=returnlink><a href=.././>Return</a></span>
[<a href=javascript:; id=cataloglink>Catalog</a>] <span class=brackets-wrap id=cataloglink><a href=javascript:;>Catalog</a></span>
<a href="#bottom" id=bottomlink>Bottom</a> <span class=brackets-wrap id=bottomlink><a href="#bottom">Bottom</a></span>
<time id="index-last-refresh" title="Last index refresh">...</time> <span class=brackets-wrap id="index-last-refresh"><time title="Last index refresh">...</time></span>
<input type="search" id="index-search" class="field" placeholder="Search"> <input type="search" id="index-search" class="field" placeholder="Search">
<a id="index-search-clear" href="javascript:;" title="Clear search">×</a> <a id="index-search-clear" href="javascript:;" title="Clear search">×</a>