diff --git a/CHANGELOG.md b/CHANGELOG.md
index ba2930ee9..39c35a577 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,22 @@
+- More index navigation improvements:
+ - Searching in the index is now possible and will show matched OPs by:
+
+ comment
+ subject
+ filename
+ name
+ tripcode
+ e-mail
+
+ - The page number on which threads are will now be displayed in OPs, to easily identify where threads are located when:
+
+ searching through the index.
+ using different index sorting types.
+ threads highlighted by the filter are moved to the top and move other threads down.
+
+ - The elapsed time since the last index refresh is now indicated at the top of the index.
+ - New setting: `Show replies`, enabled by default. Disable it to only show OPs in the index.
+
### 3.12.1 - *2013-11-04*
- The index refreshing notification will now only appear on initial page load with slow connections.
diff --git a/css/style.css b/css/style.css
index 7968c10b4..6f6f596cf 100644
--- a/css/style.css
+++ b/css/style.css
@@ -32,6 +32,9 @@
background-color: #F2F2F2;
color: #888;
}
+.field::-webkit-search-decoration {
+ display: none;
+}
.move {
cursor: move;
}
@@ -220,7 +223,7 @@ a[href="javascript:;"] {
color: white;
}
.notification > .close {
- padding: 6px;
+ padding: 7px;
top: 0;
right: 0;
position: absolute;
@@ -270,7 +273,7 @@ a[href="javascript:;"] {
}
#fourchanx-settings > nav a.close {
text-decoration: none;
- padding: 2px;
+ padding: 0 2px;
}
.sections-list {
flex: 1;
@@ -363,10 +366,37 @@ a[href="javascript:;"] {
}
/* Index */
+:root.index-loading .navLinks,
:root.index-loading .board,
:root.index-loading .pagelist {
display: none;
}
+#index-search {
+ padding-right: 1.5em;
+ width: 100px;
+ transition: color .25s, border-color .25s, width .25s;
+}
+#index-search:focus,
+#index-search[data-searching] {
+ width: 200px;
+}
+#index-search-clear {
+ color: gray;
+ margin-left: -1.25em;
+}
+<% if (type === 'crx') { %>
+/* ``::-webkit-*'' selectors break selector lists on Firefox. */
+#index-search::-webkit-search-cancel-button,
+<% } %>
+#index-search:not([data-searching]) + #index-search-clear {
+ display: none;
+}
+.page-num {
+ font-family: inherit;
+}
+.page-num::before {
+ font-family: FontAwesome;
+}
.summary {
text-decoration: none;
}
@@ -720,13 +750,13 @@ a.hide-announcement {
border-style: dashed;
opacity: 1;
}
-.remove {
+a.remove {
color: #E00 !important;
- font-weight: 700;
- padding: 3px;
+ padding: 1px;
}
.remove:hover::after {
content: ' Remove';
+ font-weight: 700;
}
.qr-preview > label {
background: rgba(0, 0, 0, .5);
@@ -741,11 +771,9 @@ a.hide-announcement {
vertical-align: bottom;
}
#add-post {
- display: inline-block;
- font-size: 30px;
- height: 30px;
- width: 30px;
- line-height: 1;
+ font-size: 20px;
+ height: 20px;
+ width: 20px;
text-align: center;
position: absolute;
right: 0;
@@ -818,7 +846,6 @@ a.hide-announcement {
#qr-no-file,
#qr-filename,
#qr-filesize,
-#qr-filerm,
#qr-file-spoiler {
margin: 0 2px !important;
}
diff --git a/html/General/Index-navlinks.html b/html/General/Index-navlinks.html
new file mode 100644
index 000000000..cb69adae9
--- /dev/null
+++ b/html/General/Index-navlinks.html
@@ -0,0 +1,4 @@
+[Catalog ]
+[... ]
+
+
diff --git a/html/General/Settings.html b/html/General/Settings.html
index 8ee5f006b..4af4c7feb 100644
--- a/html/General/Settings.html
+++ b/html/General/Settings.html
@@ -2,10 +2,13 @@
diff --git a/html/Posting/QR.html b/html/Posting/QR.html
index 9b9786933..1458303cf 100644
--- a/html/Posting/QR.html
+++ b/html/Posting/QR.html
@@ -4,7 +4,7 @@
New thread
- ×
+