1%}style='clear:both'{%endif%}>
-
{% apply spaceless %}
{% include 'post/poster_id.html' %}
- No.
+ {% include 'post/time.html' %}
+ No.
{{ post.id }}
{% if post.sticky %}
{% if config.font_awesome %}
From 5153738d7a5d77d60a90aad0bdd35d2baaae12ff Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sat, 17 Aug 2024 00:40:06 +0200
Subject: [PATCH 06/66] style.css: make OP more like a normal post
---
stylesheets/style.css | 20 +++++++++++---------
1 file changed, 11 insertions(+), 9 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 1572b36e..62745cca 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -218,11 +218,6 @@ div.post i.fa {
font-size: 16px;
}
-div.post.op {
- margin-right: 20px;
- margin-bottom: 5px;
-}
-
div.post.op hr {
border-color: #D9BFB7;
}
@@ -263,6 +258,13 @@ div.delete {
color: maroon;
}
+div.post {
+ margin: 0.2em 4px;
+ padding: 0.5em 0.3em;
+ display: inline-block;
+ max-width: 94%!important;
+}
+
div.post p {
margin: 0;
@@ -294,15 +296,15 @@ div.post div.body {
white-space: pre-wrap;
}
+div.post.op {
+ padding-top: 0px;
+}
+
div.post.reply {
background: #D6DAF0;
- margin: 0.2em 4px;
- padding: 0.5em 0.3em;
border-width: 1px;
border-style: none solid solid none;
border-color: #B7C5D9;
- display: inline-block;
- max-width: 94%!important;
}
span.trip {
From bcf40d1078590defcda9f2d6e7f303355541fea6 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sat, 17 Aug 2024 09:54:31 +0200
Subject: [PATCH 07/66] style.css: adjust controls
---
stylesheets/style.css | 14 +++++++----
templates/post/post_controls.html | 4 +--
templates/post_reply.html | 42 +++++++++++++++++--------------
templates/post_thread.html | 2 +-
4 files changed, 35 insertions(+), 27 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 62745cca..fc4bb3ea 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -203,7 +203,7 @@ img.banner,img.board_image {
}
div.post .post-image {
- padding: 5px;
+ padding: 0.2em;
margin: 0 20px 0 0;
}
@@ -266,13 +266,17 @@ div.post {
}
div.post p {
- margin: 0;
+ margin: 0.1em;
line-height: 1.16em;
font-size: 13px;
min-height: 1.16em;
}
+div.post div.head {
+ margin: 0.1em 0.4em;
+}
+
div.post div.body {
margin-top: 0.8em;
padding-right: 3em;
@@ -325,19 +329,19 @@ br.clear {
display: block;
}
-span.controls {
+div.controls {
float: right;
margin: 0;
padding: 0;
font-size: 80%;
}
-span.controls.op {
+div.controls.op {
float: none;
margin-left: 10px;
}
-span.controls a {
+div.controls a {
margin: 0;
}
diff --git a/templates/post/post_controls.html b/templates/post/post_controls.html
index 60dc6fc4..9c549362 100644
--- a/templates/post/post_controls.html
+++ b/templates/post/post_controls.html
@@ -1,6 +1,6 @@
{% if mod %}
-
+
{% if mod|hasPermission(config.mod.delete, board.uri) %}
{{ secure_link_confirm(config.mod.link_delete, 'Delete'|trans, 'Are you sure you want to delete this?'|trans, board.dir ~ 'delete/' ~ post.id) }}
{% endif %}
@@ -58,6 +58,6 @@
{% if mod|hasPermission(config.mod.editpost, board.uri) %}
{{ config.mod.link_editpost }}
{% endif %}
-
+
-
-
- {% apply spaceless %}
- {% include 'post/poster_id.html' %}
- {% include 'post/time.html' %}
- No.
- {{ post.id }}
-
- {% endapply %}
- {% include 'post/post_controls.html' %}
- {% include 'post/fileinfo.html' %}
+
+
+
+
+ {% apply spaceless %}
+ {% include 'post/poster_id.html' %}
+
+
+ {% endapply %}
+ {% include 'post/post_controls.html' %}
+ {% include 'post/fileinfo.html' %}
+
1 %}style="clear:both"{% endif %}>
{% endapply %}{% if index %}{{ post.body|truncate_body(post.link) }}{% else %}{{ post.body }}{% endif %}{% apply spaceless %}
{% if post.modifiers['ban message'] %}
diff --git a/templates/post_thread.html b/templates/post_thread.html
index 6477a268..605ef964 100644
--- a/templates/post_thread.html
+++ b/templates/post_thread.html
@@ -56,8 +56,8 @@
{% set lastcount = config.noko50_count %}
[{% trans %}Last 1 Post{% plural lastcount %}Last {{ count }} Posts{% endtrans %}]
{% endif %}
- {% include 'post/post_controls.html' %}
+ {% include 'post/post_controls.html' %}
{% endapply %}{% if index %}{{ post.body|truncate_body(post.link) }}{% else %}{{ post.body }}{% endif %}{% apply spaceless %}
{% if post.modifiers['ban message'] %}
From ccee1a9256e8c2131fe46ae21ab6c40a452439ea Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sat, 17 Aug 2024 14:20:58 +0200
Subject: [PATCH 08/66] style.css: adjust posts
---
stylesheets/style.css | 65 +++++++++---------
templates/post/post_controls.html | 4 +-
templates/post_reply.html | 34 ++++-----
templates/post_thread.html | 110 ++++++++++++++++--------------
4 files changed, 111 insertions(+), 102 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index fc4bb3ea..70e7aa28 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -148,7 +148,6 @@ form table tr td div label {
.file {
float: left;
- margin-right: 2px;
}
.file:not(.multifile) .post-image {
@@ -161,11 +160,7 @@ form table tr td div label {
p.fileinfo {
display: block;
- margin: 0 0 0 20px;
-}
-
-div.post p.fileinfo {
- padding-left: 5px;
+ margin: 0.2em 0px;
}
div.banner {
@@ -223,16 +218,25 @@ div.post.op hr {
}
.intro {
- display: flex;
- justify-content: space-between;
- margin: 0.5em 0;
- padding: 0;
- padding-bottom: 0.2em;
+ margin: 0.5em 0px;
+ padding: 0px;
+ line-height: 1.3em;
+}
+
+.intro span {
+ min-width: 0.3em;
+ display: inline-block;
+}
+
+.post-details {
+ text-wrap: nowrap;
+ float: right;
}
input.delete {
float: left;
- margin: 1px 6px 0 0;
+ margin: 1px 6px 0px 0px;
+ scale: 1.05;
}
.intro span.subject {
@@ -245,11 +249,15 @@ input.delete {
font-weight: bold;
}
-.intro span.capcode,p.intro a.capcode,p.intro a.nametag {
+.post-details span.capcode,p.intro a.capcode,p.intro a.nametag {
color: #F00000;
margin-left: 0;
}
+.post-details a {
+ margin-left: 5px;
+}
+
div.delete {
float: right;
}
@@ -265,16 +273,17 @@ div.post {
max-width: 94%!important;
}
-div.post p {
- margin: 0.1em;
-
- line-height: 1.16em;
- font-size: 13px;
- min-height: 1.16em;
+div.post div.head {
+ margin: 0.1em 1em;
+ clear: both;
+ line-height: 1.3em;
}
-div.post div.head {
- margin: 0.1em 0.4em;
+div.post > p {
+ margin: 0.1em 0.4em;
+
+ font-size: 13px;
+ min-height: 1.16em;
}
div.post div.body {
@@ -329,20 +338,15 @@ br.clear {
display: block;
}
-div.controls {
- float: right;
+span.controls {
margin: 0;
padding: 0;
- font-size: 80%;
}
-div.controls.op {
- float: none;
- margin-left: 10px;
-}
-
-div.controls a {
+span.controls a {
margin: 0;
+ text-wrap: nowrap;
+ display: inline-block;
}
div#wrap {
@@ -937,7 +941,6 @@ pre {
.poster_id {
cursor: pointer;
- display: inline-block;
user-select: none;
}
diff --git a/templates/post/post_controls.html b/templates/post/post_controls.html
index 9c549362..aa9e17df 100644
--- a/templates/post/post_controls.html
+++ b/templates/post/post_controls.html
@@ -1,6 +1,6 @@
{% if mod %}
-
+
{% if mod|hasPermission(config.mod.delete, board.uri) %}
{{ secure_link_confirm(config.mod.link_delete, 'Delete'|trans, 'Are you sure you want to delete this?'|trans, board.dir ~ 'delete/' ~ post.id) }}
{% endif %}
@@ -58,6 +58,6 @@
{% if mod|hasPermission(config.mod.editpost, board.uri) %}
{{ config.mod.link_editpost }}
{% endif %}
-
+
+
+
+ {% apply spaceless %}
+ {% include 'post/poster_id.html' %}
+
+
-
-
- {% apply spaceless %}
- {% include 'post/poster_id.html' %}
-
-
{% endapply %}
{% include 'post/post_controls.html' %}
{% include 'post/fileinfo.html' %}
diff --git a/templates/post_thread.html b/templates/post_thread.html
index 605ef964..2ef7a303 100644
--- a/templates/post_thread.html
+++ b/templates/post_thread.html
@@ -5,59 +5,65 @@
{% if not index %}
{% endif %}
{% endapply %}
-{% include 'post/fileinfo.html' %}
-
1%}style='clear:both'{%endif%}>
-
- {% apply spaceless %}
- {% include 'post/poster_id.html' %}
- {% include 'post/time.html' %}
- No.
- {{ post.id }}
- {% if post.sticky %}
- {% if config.font_awesome %}
-
- {% else %}
- 
- {% endif %}
- {% endif %}
- {% if post.locked %}
- {% if config.font_awesome %}
-
- {% else %}
- 
- {% endif %}
- {% endif %}
- {% if post.sage and (config.mod.view_bumplock < 0 or (post.mod and post.mod|hasPermission(config.mod.view_bumplock, board.uri))) %}
- {% if config.font_awesome %}
-
- {% else %}
- 
- {% endif %}
- {% endif %}
- {% if post.cycle %}
- {% if config.font_awesome %}
-
- {% else %}
- 
- {% endif %}
- {% endif %}
- {% if index %}
- [{% trans %}Reply{% endtrans %}]
- {% endif %}
- {% if isnoko50 %}
- [{% trans %}View All{% endtrans %}]
- {% endif %}
- {% if hasnoko50 and not isnoko50 %}
- {% set lastcount = config.noko50_count %}
- [{% trans %}Last 1 Post{% plural lastcount %}Last {{ count }} Posts{% endtrans %}]
- {% endif %}
+
1%}style='clear:both'{%endif%}>
+
+
+ {% apply spaceless %}
+ {% include 'post/poster_id.html' %}
+
- {% include 'post/post_controls.html' %}
+
+ {% if post.sticky %}
+ {% if config.font_awesome %}
+
+ {% else %}
+
+ {% endif %}
+ {% endif %}
+ {% if post.locked %}
+ {% if config.font_awesome %}
+
+ {% else %}
+
+ {% endif %}
+ {% endif %}
+ {% if post.sage and (config.mod.view_bumplock < 0 or (post.mod and post.mod|hasPermission(config.mod.view_bumplock, board.uri))) %}
+ {% if config.font_awesome %}
+
+ {% else %}
+
+ {% endif %}
+ {% endif %}
+ {% if post.cycle %}
+ {% if config.font_awesome %}
+
+ {% else %}
+
+ {% endif %}
+ {% endif %}
+ {% if index %}
+
[{% trans %}Reply{% endtrans %}]
+ {% endif %}
+ {% if isnoko50 %}
+
[{% trans %}View All{% endtrans %}]
+ {% endif %}
+ {% if hasnoko50 and not isnoko50 %}
+ {% set lastcount = config.noko50_count %}
+
[{% trans %}Last 1 Post{% plural lastcount %}Last {{ count }} Posts{% endtrans %}]
+ {% endif %}
+ {% include 'post/post_controls.html' %}
+ {% include 'post/fileinfo.html' %}
+
{% endapply %}{% if index %}{{ post.body|truncate_body(post.link) }}{% else %}{{ post.body }}{% endif %}{% apply spaceless %}
{% if post.modifiers['ban message'] %}
From 38024989621c2d8add900155274ad6e33a7e5831 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sat, 17 Aug 2024 16:19:13 +0200
Subject: [PATCH 09/66] style.css: adjust post number position on small screens
---
stylesheets/style.css | 11 +++++++----
1 file changed, 7 insertions(+), 4 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 70e7aa28..5c8ed791 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -218,7 +218,6 @@ div.post.op hr {
}
.intro {
- margin: 0.5em 0px;
padding: 0px;
line-height: 1.3em;
}
@@ -280,10 +279,14 @@ div.post div.head {
}
div.post > p {
- margin: 0.1em 0.4em;
+ margin: 0.1em 0.4em;
- font-size: 13px;
- min-height: 1.16em;
+ font-size: 13px;
+ min-height: 1.16em;
+
+ @media (max-width: 32em) {
+ margin-right: 1.4em;
+ }
}
div.post div.body {
From 508040bae0add1793802751f935d68e25b726bf6 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sat, 17 Aug 2024 18:17:09 +0200
Subject: [PATCH 10/66] style.css: increase breakpoint for small screen
---
stylesheets/style.css | 19 +++++++++++++++++--
1 file changed, 17 insertions(+), 2 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 5c8ed791..2b11651f 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -6,6 +6,11 @@ body {
margin: 0 4px;
padding-left: 4px;
padding-right: 4px;
+
+ @media (max-width: 48em) {
+ margin: 0px;
+ padding: 0px;
+ }
}
.hidden {
@@ -229,7 +234,10 @@ div.post.op hr {
.post-details {
text-wrap: nowrap;
- float: right;
+
+ @media (max-width: 48em) {
+ float: right;
+ }
}
input.delete {
@@ -270,6 +278,13 @@ div.post {
padding: 0.5em 0.3em;
display: inline-block;
max-width: 94%!important;
+
+ @media (max-width: 48em) {
+ margin: 0.1em 0px;
+ padding: 0.5em 0px;
+ width: 100%;
+ max-width: unset!important;
+ }
}
div.post div.head {
@@ -284,7 +299,7 @@ div.post > p {
font-size: 13px;
min-height: 1.16em;
- @media (max-width: 32em) {
+ @media (max-width: 48em) {
margin-right: 1.4em;
}
}
From ef2ce5ba8be81bd80769a2d4ff02cc7db8b4f7ce Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Thu, 29 Aug 2024 17:33:10 +0200
Subject: [PATCH 11/66] style.css: move user post controls on small screens
---
stylesheets/style.css | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 2b11651f..e0c37180 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -261,6 +261,13 @@ input.delete {
margin-left: 0;
}
+@media (max-width: 48em) {
+ .user-controls {
+ clear: both;
+ float: right;
+ }
+}
+
.post-details a {
margin-left: 5px;
}
From 0e5b56ab4b173506f4b9f866f70274589888beec Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sat, 17 Aug 2024 19:07:31 +0200
Subject: [PATCH 12/66] poster_id.html: remove extra space at start
---
templates/post/poster_id.html | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/templates/post/poster_id.html b/templates/post/poster_id.html
index 51f0624f..e98187fa 100644
--- a/templates/post/poster_id.html
+++ b/templates/post/poster_id.html
@@ -1,7 +1,7 @@
{% if config.poster_ids %}
{% if post.thread %}
- {{ post.ip|poster_id(post.thread) }}
+ {{ post.ip|poster_id(post.thread) }}
{% else %}
- {{ post.ip|poster_id(post.id) }}
+ {{ post.ip|poster_id(post.id) }}
{% endif %}
{% endif %}
From 6b3e578013e05456f54f86c6ce85f602327e501c Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sat, 17 Aug 2024 19:35:02 +0200
Subject: [PATCH 13/66] post-filter.js: adapt to new post html structure
---
js/post-filter.js | 23 ++++++++++++-----------
1 file changed, 12 insertions(+), 11 deletions(-)
diff --git a/js/post-filter.js b/js/post-filter.js
index 12ae2cd7..f5437e49 100644
--- a/js/post-filter.js
+++ b/js/post-filter.js
@@ -182,13 +182,13 @@ if (active_page === 'thread' || active_page === 'index' || active_page === 'cata
$(ele).data('hidden', true);
if ($ele.hasClass('op')) {
- $ele.parent().find('.body, .files, .video-container').not($ele.children('.reply').children()).hide();
+ $ele.parent().find('.head, .body, .files, .video-container').not($ele.children('.reply').children()).hide();
// hide thread replies on index view
if (active_page == 'index' || active_page == 'ukko') $ele.parent().find('.omitted, .reply:not(.hidden), post_no, .mentioned, br').hide();
} else {
// normal posts
- $ele.children('.body, .files, .video-container').hide();
+ $ele.children('.head, .body, .files, .video-container').hide();
}
}
function show(ele) {
@@ -196,11 +196,11 @@ if (active_page === 'thread' || active_page === 'index' || active_page === 'cata
$(ele).data('hidden', false);
if ($ele.hasClass('op')) {
- $ele.parent().find('.body, .files, .video-container').show();
+ $ele.parent().find('.head, .body, .files, .video-container').show();
if (active_page == 'index') $ele.parent().find('.omitted, .reply:not(.hidden), post_no, .mentioned, br').show();
} else {
// normal posts
- $ele.children('.body, .files, .video-container').show();
+ $ele.children('.head, .body, .files, .video-container').show();
}
}
@@ -226,18 +226,19 @@ if (active_page === 'thread' || active_page === 'index' || active_page === 'cata
submenu.add_item('filter-remove-trip', _('Tripcode'));
Menu.onclick(function (e, $buffer) {
- var ele = e.target.parentElement.parentElement;
- var $ele = $(ele);
+ let ele = e.target.parentElement.parentElement.parentElement;
+ let $ele = $(ele);
- var threadId = $ele.parent().attr('id').replace('thread_', '');
- var boardId = $ele.parent().data('board');
- var postId = $ele.find('.post_no').not('[id]').text();
+ let threadNode = $ele.parent('.thread');
+ let threadId = threadNode.attr('id').replace('thread_', '');
+ let boardId = $ele.parent().data('board');
+ let postId = $ele.find('.post_no').not('[id]').text();
if (pageData.hasUID) {
var postUid = $ele.find('.poster_id').text();
}
- var postName;
- var postTrip = '';
+ let postName;
+ let postTrip = '';
if (!pageData.forcedAnon) {
postName = (typeof $ele.find('.name').contents()[0] == 'undefined') ? '' : nameSpanToString($ele.find('.name')[0]);
postTrip = $ele.find('.trip').text();
From dffc22ddf3a7057fd86c7fa347eff71491fe83d0 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Fri, 3 Jan 2025 16:12:59 +0100
Subject: [PATCH 14/66] post-hover.js: enable only if the device supports
hovering
---
js/post-hover.js | 301 ++++++++++++++++++++++++-----------------------
1 file changed, 154 insertions(+), 147 deletions(-)
diff --git a/js/post-hover.js b/js/post-hover.js
index d7970871..82531673 100644
--- a/js/post-hover.js
+++ b/js/post-hover.js
@@ -13,165 +13,172 @@
*
*/
-onReady(function() {
- let dontFetchAgain = [];
- initHover = function() {
- let link = $(this);
- let id;
- let matches;
+/*
+ * Unknown media types always return false, so old browsers (css media 3 or prior to css media) which do support
+ * any-hover or css media queries may return false negatives.
+ * Handle it by checking if the query is explicitly NOT supported.
+ */
+if (!window.matchMedia('(any-hover: none)').matches) {
+ onReady(function() {
+ let dontFetchAgain = [];
+ initHover = function() {
+ let link = $(this);
+ let id;
+ let matches;
- if (link.is('[data-thread]')) {
- id = link.attr('data-thread');
- } else if (matches = link.text().match(/^>>(?:>\/([^\/]+)\/)?(\d+)$/)) {
- id = matches[2];
- } else {
- return;
- }
-
- let board = $(this);
- while (board.data('board') === undefined) {
- board = board.parent();
- }
- let threadid;
- if (link.is('[data-thread]')) {
- threadid = 0;
- } else {
- threadid = board.attr('id').replace("thread_", "");
- }
-
- board = board.data('board');
-
- let parentboard = board;
-
- if (link.is('[data-thread]')) {
- parentboard = $('form[name="post"] input[name="board"]').val();
- } else if (matches[1] !== undefined) {
- board = matches[1];
- }
-
- let post = false;
- let hovering = false;
- let hoveredAt;
- link.hover(function(e) {
- hovering = true;
- hoveredAt = {'x': e.pageX, 'y': e.pageY};
-
- let startHover = function(link) {
- if (post.is(':visible') &&
- post.offset().top >= $(window).scrollTop() &&
- post.offset().top + post.height() <= $(window).scrollTop() + $(window).height()) {
- // post is in view
- post.addClass('highlighted');
- } else {
- let newPost = post.clone();
- newPost.find('>.reply, >br').remove();
- newPost.find('span.mentioned').remove();
- newPost.find('a.post_anchor').remove();
-
- newPost
- .attr('id', 'post-hover-' + id)
- .attr('data-board', board)
- .addClass('post-hover')
- .css('border-style', 'solid')
- .css('box-shadow', '1px 1px 1px #999')
- .css('display', 'block')
- .css('position', 'absolute')
- .css('font-style', 'normal')
- .css('z-index', '100')
- .addClass('reply').addClass('post')
- .insertAfter(link.parent())
-
- link.trigger('mousemove');
- }
- };
-
- post = $('[data-board="' + board + '"] div.post#reply_' + id + ', [data-board="' + board + '"]div#thread_' + id);
- if (post.length > 0) {
- startHover($(this));
+ if (link.is('[data-thread]')) {
+ id = link.attr('data-thread');
+ } else if (matches = link.text().match(/^>>(?:>\/([^\/]+)\/)?(\d+)$/)) {
+ id = matches[2];
} else {
- let url = link.attr('href').replace(/#.*$/, '');
+ return;
+ }
- if ($.inArray(url, dontFetchAgain) != -1) {
+ let board = $(this);
+ while (board.data('board') === undefined) {
+ board = board.parent();
+ }
+ let threadid;
+ if (link.is('[data-thread]')) {
+ threadid = 0;
+ } else {
+ threadid = board.attr('id').replace("thread_", "");
+ }
+
+ board = board.data('board');
+
+ let parentboard = board;
+
+ if (link.is('[data-thread]')) {
+ parentboard = $('form[name="post"] input[name="board"]').val();
+ } else if (matches[1] !== undefined) {
+ board = matches[1];
+ }
+
+ let post = false;
+ let hovering = false;
+ let hoveredAt;
+ link.hover(function(e) {
+ hovering = true;
+ hoveredAt = {'x': e.pageX, 'y': e.pageY};
+
+ let startHover = function(link) {
+ if (post.is(':visible') &&
+ post.offset().top >= $(window).scrollTop() &&
+ post.offset().top + post.height() <= $(window).scrollTop() + $(window).height()) {
+ // post is in view
+ post.addClass('highlighted');
+ } else {
+ let newPost = post.clone();
+ newPost.find('>.reply, >br').remove();
+ newPost.find('span.mentioned').remove();
+ newPost.find('a.post_anchor').remove();
+
+ newPost
+ .attr('id', 'post-hover-' + id)
+ .attr('data-board', board)
+ .addClass('post-hover')
+ .css('border-style', 'solid')
+ .css('box-shadow', '1px 1px 1px #999')
+ .css('display', 'block')
+ .css('position', 'absolute')
+ .css('font-style', 'normal')
+ .css('z-index', '100')
+ .addClass('reply').addClass('post')
+ .insertAfter(link.parent())
+
+ link.trigger('mousemove');
+ }
+ };
+
+ post = $('[data-board="' + board + '"] div.post#reply_' + id + ', [data-board="' + board + '"]div#thread_' + id);
+ if (post.length > 0) {
+ startHover($(this));
+ } else {
+ let url = link.attr('href').replace(/#.*$/, '');
+
+ if ($.inArray(url, dontFetchAgain) != -1) {
+ return;
+ }
+ dontFetchAgain.push(url);
+
+ $.ajax({
+ url: url,
+ context: document.body,
+ success: function(data) {
+ let mythreadid = $(data).find('div[id^="thread_"]').attr('id').replace("thread_", "");
+
+ if (mythreadid == threadid && parentboard == board) {
+ $(data).find('div.post.reply').each(function() {
+ if ($('[data-board="' + board + '"] #' + $(this).attr('id')).length == 0) {
+ $('[data-board="' + board + '"]#thread_' + threadid + " .post.reply:first").before($(this).hide().addClass('hidden'));
+ }
+ });
+ } else if ($('[data-board="' + board + '"]#thread_' + mythreadid).length > 0) {
+ $(data).find('div.post.reply').each(function() {
+ if ($('[data-board="' + board + '"] #' + $(this).attr('id')).length == 0) {
+ $('[data-board="' + board + '"]#thread_' + mythreadid + " .post.reply:first").before($(this).hide().addClass('hidden'));
+ }
+ });
+ } else {
+ $(data).find('div[id^="thread_"]').hide().attr('data-cached', 'yes').prependTo('form[name="postcontrols"]');
+ }
+
+ post = $('[data-board="' + board + '"] div.post#reply_' + id + ', [data-board="' + board + '"]div#thread_' + id);
+
+ if (hovering && post.length > 0) {
+ startHover(link);
+ }
+ }
+ });
+ }
+ }, function() {
+ hovering = false;
+ if (!post) {
return;
}
- dontFetchAgain.push(url);
- $.ajax({
- url: url,
- context: document.body,
- success: function(data) {
- let mythreadid = $(data).find('div[id^="thread_"]').attr('id').replace("thread_", "");
+ post.removeClass('highlighted');
+ if (post.hasClass('hidden') || post.data('cached') == 'yes') {
+ post.css('display', 'none');
+ }
+ $('.post-hover').remove();
+ }).mousemove(function(e) {
+ if (!post) {
+ return;
+ }
- if (mythreadid == threadid && parentboard == board) {
- $(data).find('div.post.reply').each(function() {
- if ($('[data-board="' + board + '"] #' + $(this).attr('id')).length == 0) {
- $('[data-board="' + board + '"]#thread_' + threadid + " .post.reply:first").before($(this).hide().addClass('hidden'));
- }
- });
- } else if ($('[data-board="' + board + '"]#thread_' + mythreadid).length > 0) {
- $(data).find('div.post.reply').each(function() {
- if ($('[data-board="' + board + '"] #' + $(this).attr('id')).length == 0) {
- $('[data-board="' + board + '"]#thread_' + mythreadid + " .post.reply:first").before($(this).hide().addClass('hidden'));
- }
- });
- } else {
- $(data).find('div[id^="thread_"]').hide().attr('data-cached', 'yes').prependTo('form[name="postcontrols"]');
- }
+ let hover = $('#post-hover-' + id + '[data-board="' + board + '"]');
+ if (hover.length == 0) {
+ return;
+ }
- post = $('[data-board="' + board + '"] div.post#reply_' + id + ', [data-board="' + board + '"]div#thread_' + id);
+ let scrollTop = $(window).scrollTop();
+ if (link.is("[data-thread]")) {
+ scrollTop = 0;
+ }
+ let epy = e.pageY;
+ if (link.is("[data-thread]")) {
+ epy -= $(window).scrollTop();
+ }
- if (hovering && post.length > 0) {
- startHover(link);
- }
- }
- });
- }
- }, function() {
- hovering = false;
- if (!post) {
- return;
- }
+ let top = (epy ? epy : hoveredAt['y']) - 10;
- post.removeClass('highlighted');
- if (post.hasClass('hidden') || post.data('cached') == 'yes') {
- post.css('display', 'none');
- }
- $('.post-hover').remove();
- }).mousemove(function(e) {
- if (!post) {
- return;
- }
+ if (epy < scrollTop + 15) {
+ top = scrollTop;
+ } else if (epy > scrollTop + $(window).height() - hover.height() - 15) {
+ top = scrollTop + $(window).height() - hover.height() - 15;
+ }
- let hover = $('#post-hover-' + id + '[data-board="' + board + '"]');
- if (hover.length == 0) {
- return;
- }
+ hover.css('left', (e.pageX ? e.pageX : hoveredAt['x'])).css('top', top);
+ });
+ };
- let scrollTop = $(window).scrollTop();
- if (link.is("[data-thread]")) {
- scrollTop = 0;
- }
- let epy = e.pageY;
- if (link.is("[data-thread]")) {
- epy -= $(window).scrollTop();
- }
+ $('div.body a:not([rel="nofollow"])').each(initHover);
- let top = (epy ? epy : hoveredAt['y']) - 10;
-
- if (epy < scrollTop + 15) {
- top = scrollTop;
- } else if (epy > scrollTop + $(window).height() - hover.height() - 15) {
- top = scrollTop + $(window).height() - hover.height() - 15;
- }
-
- hover.css('left', (e.pageX ? e.pageX : hoveredAt['x'])).css('top', top);
+ // allow to work with auto-reload.js, etc.
+ $(document).on('new_post', function(e, post) {
+ $(post).find('div.body a:not([rel="nofollow"])').each(initHover);
});
- };
-
- $('div.body a:not([rel="nofollow"])').each(initHover);
-
- // allow to work with auto-reload.js, etc.
- $(document).on('new_post', function(e, post) {
- $(post).find('div.body a:not([rel="nofollow"])').each(initHover);
});
-});
+}
From 9eb36fe3f3c97a1a01c15916be2104bf1c67ce49 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sun, 18 Aug 2024 11:52:30 +0200
Subject: [PATCH 15/66] post-hover.js: refactor and add support for small
screens
---
js/post-hover.js | 116 +++++++++++++++++++++++++++++++++--------------
1 file changed, 81 insertions(+), 35 deletions(-)
diff --git a/js/post-hover.js b/js/post-hover.js
index 82531673..c09f9bb7 100644
--- a/js/post-hover.js
+++ b/js/post-hover.js
@@ -20,6 +20,18 @@
*/
if (!window.matchMedia('(any-hover: none)').matches) {
onReady(function() {
+ let isScreenSmall = false
+ /*
+ * Set up screen size detection.
+ * If the method is not defined, suppose the screen is always not-small.
+ */
+ if (window.matchMedia) {
+ let query = window.matchMedia('(max-width: 48em)');
+
+ query.addEventListener('change', (e) => isScreenSmall = e.matches);
+ isScreenSmall = query.matches;
+ }
+
let dontFetchAgain = [];
initHover = function() {
let link = $(this);
@@ -58,36 +70,82 @@ if (!window.matchMedia('(any-hover: none)').matches) {
let post = false;
let hovering = false;
let hoveredAt;
+
+ let updatePreviewPosition = function(pageX, pageY, hoverPreview) {
+ let scrollTop = $(window).scrollTop();
+ if (link.is("[data-thread]")) {
+ scrollTop = 0;
+ }
+ let epy = pageY;
+ if (link.is("[data-thread]")) {
+ epy -= $(window).scrollTop();
+ }
+
+ let top = (epy ? epy : hoveredAt['y']) - 10;
+
+ if (epy < scrollTop + 15) {
+ top = scrollTop;
+ } else if (epy > scrollTop + $(window).height() - hoverPreview.height() - 15) {
+ top = scrollTop + $(window).height() - hoverPreview.height() - 15;
+ }
+
+ let hovery = pageY ? pageY : hoveredAt['y'];
+ if ((hovery - top) > 20){
+ top = hovery;
+ }
+
+ let previewX;
+ if (isScreenSmall) {
+ previewX = 0;
+ } else {
+ previewX = (pageX ? pageX : hoveredAt['x']) + 1
+ }
+
+ hoverPreview.css('left', previewX).css('top', top);
+ };
+
link.hover(function(e) {
hovering = true;
hoveredAt = {'x': e.pageX, 'y': e.pageY};
let startHover = function(link) {
- if (post.is(':visible') &&
- post.offset().top >= $(window).scrollTop() &&
- post.offset().top + post.height() <= $(window).scrollTop() + $(window).height()) {
- // post is in view
+ if ($.contains(post[0], link[0])) {
+ // link links to itself or to op; ignore
+ } else if (post.is(':visible') &&
+ post.offset().top >= $(window).scrollTop() &&
+ post.offset().top + post.height() <= $(window).scrollTop() + $(window).height()) {
+ // Post is in view, highlight it.
post.addClass('highlighted');
} else {
- let newPost = post.clone();
- newPost.find('>.reply, >br').remove();
- newPost.find('span.mentioned').remove();
- newPost.find('a.post_anchor').remove();
+ // Creates the preview, and displays it,
+ let hoverPreview = post.clone();
+ hoverPreview.find('>.reply, >br').remove();
+ hoverPreview.find('a.post_anchor').remove();
- newPost
+ hoverPreview
.attr('id', 'post-hover-' + id)
.attr('data-board', board)
.addClass('post-hover')
- .css('border-style', 'solid')
- .css('box-shadow', '1px 1px 1px #999')
- .css('display', 'block')
+ .css('display', 'inline-block')
.css('position', 'absolute')
.css('font-style', 'normal')
- .css('z-index', '100')
- .addClass('reply').addClass('post')
+ .css('z-index', '100');
+
+ if (isScreenSmall) {
+ hoverPreview
+ .css('margin-top', '1em')
+ .css('border-top', 'solid')
+ .css('border-bottom', 'solid');
+ } else {
+ hoverPreview
+ .css('margin-left', '1em')
+ .css('border-style', 'solid');
+ }
+
+ hoverPreview.addClass('reply').addClass('post')
.insertAfter(link.parent())
- link.trigger('mousemove');
+ updatePreviewPosition(e.pageX, e.pageY, hoverPreview);
}
};
@@ -133,6 +191,8 @@ if (!window.matchMedia('(any-hover: none)').matches) {
});
}
}, function() {
+ // Remove the preview.
+
hovering = false;
if (!post) {
return;
@@ -144,33 +204,19 @@ if (!window.matchMedia('(any-hover: none)').matches) {
}
$('.post-hover').remove();
}).mousemove(function(e) {
+ // Update the preview position if the mouse moves.
+
if (!post) {
return;
}
- let hover = $('#post-hover-' + id + '[data-board="' + board + '"]');
- if (hover.length == 0) {
+ // The actual displayed preview.
+ let hoverPreview = $('#post-hover-' + id + '[data-board="' + board + '"]');
+ if (hoverPreview.length === 0) {
return;
}
- let scrollTop = $(window).scrollTop();
- if (link.is("[data-thread]")) {
- scrollTop = 0;
- }
- let epy = e.pageY;
- if (link.is("[data-thread]")) {
- epy -= $(window).scrollTop();
- }
-
- let top = (epy ? epy : hoveredAt['y']) - 10;
-
- if (epy < scrollTop + 15) {
- top = scrollTop;
- } else if (epy > scrollTop + $(window).height() - hover.height() - 15) {
- top = scrollTop + $(window).height() - hover.height() - 15;
- }
-
- hover.css('left', (e.pageX ? e.pageX : hoveredAt['x'])).css('top', top);
+ updatePreviewPosition(e.pageX, e.pageY, hoverPreview);
});
};
From 75977269f31517c783730842d40f873c7a8c6afe Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sun, 18 Aug 2024 16:58:35 +0200
Subject: [PATCH 16/66] post-hover.js: fix borders
---
js/post-hover.js | 9 ++++-----
1 file changed, 4 insertions(+), 5 deletions(-)
diff --git a/js/post-hover.js b/js/post-hover.js
index c09f9bb7..b30c35b4 100644
--- a/js/post-hover.js
+++ b/js/post-hover.js
@@ -126,6 +126,7 @@ if (!window.matchMedia('(any-hover: none)').matches) {
.attr('id', 'post-hover-' + id)
.attr('data-board', board)
.addClass('post-hover')
+ .css('border-style', 'solid')
.css('display', 'inline-block')
.css('position', 'absolute')
.css('font-style', 'normal')
@@ -134,12 +135,10 @@ if (!window.matchMedia('(any-hover: none)').matches) {
if (isScreenSmall) {
hoverPreview
.css('margin-top', '1em')
- .css('border-top', 'solid')
- .css('border-bottom', 'solid');
+ .css('border-left-style', 'none')
+ .css('border-right-style', 'none');
} else {
- hoverPreview
- .css('margin-left', '1em')
- .css('border-style', 'solid');
+ hoverPreview.css('margin-left', '1em');
}
hoverPreview.addClass('reply').addClass('post')
From 8d20c5275403e2e1626408030f6829ff690bf2bb Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sun, 18 Aug 2024 16:41:21 +0200
Subject: [PATCH 17/66] style.css: no post borders on small screens (they
interfere with hovering and are shown sometimes)
---
stylesheets/style.css | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index e0c37180..27dcb921 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -343,6 +343,11 @@ div.post.reply {
border-width: 1px;
border-style: none solid solid none;
border-color: #B7C5D9;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
span.trip {
From e9f136e2b6ea3ad0c7c4bf873948cc208f8cbfc6 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sun, 18 Aug 2024 16:49:53 +0200
Subject: [PATCH 18/66] stylesheets: disable vertical post borders on small
screens
---
stylesheets/burichan.css | 4 ++++
stylesheets/caffe.css | 21 ++++++++++++--------
stylesheets/confraria.css | 5 +++++
stylesheets/dark.css | 14 +++++++++----
stylesheets/dark_roach.css | 6 +++++-
stylesheets/favela.css | 4 ++++
stylesheets/ferus.css | 10 ++++++++++
stylesheets/futaba-light.css | 7 ++++++-
stylesheets/gentoochan.css | 13 ++++++++++++
stylesheets/jungle.css | 12 ++++++++++--
stylesheets/nigrachan.css | 4 ++++
stylesheets/northboard_cb.css | 22 ++++++++++++++-------
stylesheets/notsuba.css | 5 +++++
stylesheets/novo_jungle.css | 8 ++++++++
stylesheets/photon.css | 5 +++++
stylesheets/piwnichan.css | 37 ++++++++++++++++++++---------------
stylesheets/rugby.css | 5 +++++
stylesheets/sharp.css | 8 ++++++--
stylesheets/style.css | 1 -
stylesheets/szalet.css | 33 ++++++++++++++++++-------------
stylesheets/terminal2.css | 11 ++++++++++-
stylesheets/testorange.css | 9 +++++++--
stylesheets/uboachan-gray.css | 10 ++++++++++
stylesheets/wasabi.css | 6 +++++-
24 files changed, 200 insertions(+), 60 deletions(-)
diff --git a/stylesheets/burichan.css b/stylesheets/burichan.css
index 6b1de235..33586760 100644
--- a/stylesheets/burichan.css
+++ b/stylesheets/burichan.css
@@ -58,6 +58,10 @@ div.post.reply.post-hover {
border-width: 1px;
border-style: none solid solid none;
border-color: #B7C5D9;
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
div.post.reply div.body a {
diff --git a/stylesheets/caffe.css b/stylesheets/caffe.css
index 7ba7bd1c..45bcca1d 100644
--- a/stylesheets/caffe.css
+++ b/stylesheets/caffe.css
@@ -94,7 +94,7 @@ textarea#body{
html, body {
- background:#261712 url('img/caffe_bg.png') repeat fixed center;
+ background:#261712 url('img/caffe_bg.png') repeat fixed center;
color: #8e6152;
font-family: "Trebuchet MS",Trebuchet,serif;
font-size: 12pt;
@@ -112,7 +112,7 @@ a:hover, a:visited:hover {
font-size: .8em;
}
.desktop-style div.boardlist:nth-child(1) .boardlist {
-background-color: #261712;
+background-color: #261712;
}
.desktop-style div.boardlist:nth-child(1):hover {
background-color: #261712;
@@ -131,7 +131,7 @@ background-color: #261712;
/*width:100%;*/
}
.theader, .passvalid {
-
+
text-align:center;
padding:2px;
color:#39241d;
@@ -219,8 +219,8 @@ background-color: #261712;
color:#a47a6b;
}
.reply {
-
- background:#a47a6b url('img/caffe_reply.png') repeat center;
+
+ background:#a47a6b url('img/caffe_reply.png') repeat center;
border: solid 1px #a47a6b;
padding: 0;
margin: 0;
@@ -294,10 +294,15 @@ form table tr th {
}
div.post.reply {
- background:#922a01 url('img/caffe_reply2.png') repeat fixed center;
+ background:#922a01 url('img/caffe_reply2.png') repeat fixed center;
color: #8e6152;
border: 1px solid rgba(88, 53, 41, 0.6);
border-radius: 5px 5px 5px 5px;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.title,h1 {
color: #8e6152;
@@ -343,7 +348,7 @@ background: rgba(88, 53, 41, 0.3);
}
#quick-reply table {
border-collapse: collapse;
-background:#000 url('img/caffe_reply2.png') repeat fixed center;
+background:#000 url('img/caffe_reply2.png') repeat fixed center;
border-style: solid;
border-width: 1px;
border-color: rgba(88, 53, 41, 0.6);
@@ -364,7 +369,7 @@ color: #755144;
}
#quick-reply table {
border-collapse: collapse;
-background:#000 url('img/caffe_reply2.png') repeat fixed center;
+background:#000 url('img/caffe_reply2.png') repeat fixed center;
}
a, a:visited {
text-decoration: underline;
diff --git a/stylesheets/confraria.css b/stylesheets/confraria.css
index 3b60aaa6..5ff32ebe 100644
--- a/stylesheets/confraria.css
+++ b/stylesheets/confraria.css
@@ -71,6 +71,11 @@ p.fileinfo span.unimportant, p.fileinfo a {
div.post.reply {
background: #282A2E;
border: 1px solid #282A2E;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
index e21b264e..89b485bf 100644
--- a/stylesheets/dark.css
+++ b/stylesheets/dark.css
@@ -45,15 +45,21 @@ a.post_no:hover {
div.post.reply {
background: #333333;
border: #555555 1px solid;
- -webkit-border-radius: 10px;
- -khtml-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
+ border-radius: 10px;
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply.highlighted {
background: #555;
border: transparent 1px solid;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #CCCCCC;
diff --git a/stylesheets/dark_roach.css b/stylesheets/dark_roach.css
index 89e050d4..9b155e8c 100644
--- a/stylesheets/dark_roach.css
+++ b/stylesheets/dark_roach.css
@@ -220,6 +220,10 @@ div.post.reply {
border-style: none solid solid none;
border-color: #333333;
display: inline-block;
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
span.trip {
color: #CC0000;
@@ -465,7 +469,7 @@ background: #333333;
border: 1px solid #666666;
color: #999999;
}
-input[type="submit"]:hover
+input[type="submit"]:hover
{
color: #9999CC;
}
diff --git a/stylesheets/favela.css b/stylesheets/favela.css
index 52d24c76..8770d80f 100644
--- a/stylesheets/favela.css
+++ b/stylesheets/favela.css
@@ -67,6 +67,10 @@ div.post.reply.post-hover {
border-width: 1px;
border-style: none solid solid none;
border-color: #B7C5D9;
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
div.post.reply div.body a {
diff --git a/stylesheets/ferus.css b/stylesheets/ferus.css
index 2517d3b0..f6f0421d 100644
--- a/stylesheets/ferus.css
+++ b/stylesheets/ferus.css
@@ -37,6 +37,11 @@ a.post_no:hover {
div.post.reply {
background: #0E0E0E;
border: #414141 2px solid !important;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
.de-pview {
background: rgba(14, 14, 14, 0.84) !important;
@@ -44,6 +49,11 @@ div.post.reply {
div.post.reply.highlighted {
background: transparent;
border: #414141 2px solid;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #646464;
diff --git a/stylesheets/futaba-light.css b/stylesheets/futaba-light.css
index 19166adf..04cb4163 100644
--- a/stylesheets/futaba-light.css
+++ b/stylesheets/futaba-light.css
@@ -34,6 +34,11 @@ div.post.reply {
border: 0px;
background: #FAE8D4;
border: 1px solid #E2C5B1;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply.highlighted {
background: #f0c0b0;
@@ -62,7 +67,7 @@ div.pages {
padding: 7px 5px;
color: maroon;
font-size: 12pt;
-
+
background: none;
border-width: 1px;
border-style: inset;
diff --git a/stylesheets/gentoochan.css b/stylesheets/gentoochan.css
index ae7ef2f3..b2b541e9 100644
--- a/stylesheets/gentoochan.css
+++ b/stylesheets/gentoochan.css
@@ -22,7 +22,20 @@ div.post.reply, input, textarea {
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
+
+@media (max-width: 48em) {
+ div.post.reply {
+ border-left-style: none;
+ border-right-style: none;
+ }
+}
+
div.post.reply.post-hover {
background: rgba(200, 200, 200, 0.85);
}
diff --git a/stylesheets/jungle.css b/stylesheets/jungle.css
index 86cb13b8..1c9e4dc6 100644
--- a/stylesheets/jungle.css
+++ b/stylesheets/jungle.css
@@ -27,7 +27,7 @@ desktop-style .bl-menu{
background-image: url('img/jungle_bg1.png'), url('img/jungle_bg.png');
background-repeat: repeat-x, repeat;
background-attachment: scroll, scroll;
-}
+}
.boardlist .board a {
background: #65AB6B;
@@ -49,6 +49,10 @@ border-radius: 5px;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
div.post.reply.highlighted {
background-image: url('img/jungle_td2.png');
@@ -62,6 +66,10 @@ border-radius: 5px;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
div.post.reply div.body a {
color: #00E;
@@ -88,7 +96,7 @@ div.pages {
padding: 7px 5px;
color: #054500;
font-size: 12pt;
-
+
background-image: url('img/jungle_td.png');
border-width: 1px;
border-style: inset;
diff --git a/stylesheets/nigrachan.css b/stylesheets/nigrachan.css
index 28ab3eb3..dee74bf7 100644
--- a/stylesheets/nigrachan.css
+++ b/stylesheets/nigrachan.css
@@ -73,6 +73,10 @@ div.post.reply.post-hover {
border-width: 1px;
border-style: none solid solid none;
border-color: #101010;
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
div.post.reply div.body a {
diff --git a/stylesheets/northboard_cb.css b/stylesheets/northboard_cb.css
index b665c569..e1eedaf6 100644
--- a/stylesheets/northboard_cb.css
+++ b/stylesheets/northboard_cb.css
@@ -28,14 +28,22 @@ div.post.reply {
background: #343439;
border-color: #3070A9;
border-top: 1px solid #3070A9;
- border-left: 1px solid #3070A9;
border-radius: 3px;
padding: 0px;
+
+ @media (min-width: 48em) {
+ border-left: 1px solid #3070A9;
+ }
}
div.post.reply.highlighted {
background: #44444f;
border: 3px dashed #3070a9;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply div.body a, .mentioned {
@@ -220,30 +228,30 @@ span.heading {
right: 1em !important;
position: absolute !important;
}
-
+
#expand-all-images{
margin-top: 4em !important;
}
-
+
#treeview{
margin-top: 5em !important;
}
-
+
#shrink-all-images{
margin-top: 6em !important;
}
-
+
#expand-all-images + hr,
#shrink-all-images + hr{
opacity: 0 !important;
margin: 0 !important;
}
-
+
#treeview + hr{
opacity: 0 !important;
clear: both !important;
}
-
+
#options_handler{
margin-top: 3em !important;
}
diff --git a/stylesheets/notsuba.css b/stylesheets/notsuba.css
index 8ecb6b21..d4e89872 100644
--- a/stylesheets/notsuba.css
+++ b/stylesheets/notsuba.css
@@ -61,6 +61,11 @@ background: #dcae9b;
div.post.reply {
background: #e9d1be;
border-color: #dcae9b;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.ban {
diff --git a/stylesheets/novo_jungle.css b/stylesheets/novo_jungle.css
index 8c313723..83bd99cd 100644
--- a/stylesheets/novo_jungle.css
+++ b/stylesheets/novo_jungle.css
@@ -84,12 +84,20 @@ div.post.reply {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);
background-image: url('img/jungle_td.png');
color: #054500;
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
div.post.reply.post-hover {
border-width: 1px;
border-style: none solid solid none;
border-color: #B7C5D9;
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
div.post.reply div.body a {
diff --git a/stylesheets/photon.css b/stylesheets/photon.css
index a487e4dd..d2e0c1a7 100644
--- a/stylesheets/photon.css
+++ b/stylesheets/photon.css
@@ -285,6 +285,11 @@ div.post.reply {
background: none repeat scroll 0 0 #DDDDDD;
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.title,h1 {
color: #FF6600;
diff --git a/stylesheets/piwnichan.css b/stylesheets/piwnichan.css
index 7780226e..088ffa5a 100644
--- a/stylesheets/piwnichan.css
+++ b/stylesheets/piwnichan.css
@@ -11,7 +11,7 @@ body {
.desktop-style .bl-menu{
background-color: #030511;
-}
+}
.boardlist .board a {
background-color: #030511;
@@ -28,7 +28,7 @@ color: #FFFCFC !important;}
div.post.reply div.body a {
color: #6F0A0A;
}
-
+
a:link, a:visited, div.post.reply p.body a {
color: #355097;
text-decoration: none;
@@ -36,9 +36,9 @@ a:link, a:visited, div.post.reply p.body a {
a:link:hover, a:visited:hover, div.post.reply p.body a:hover {
color: #5A8C99;
}
-
+
a.email span.name {
- color: #5A8C99 !important;
+ color: #5A8C99 !important;
}
.intro span.capcode, p.intro a.capcode, p.intro a.nametag {
@@ -48,14 +48,14 @@ color: #6E0877;
div.post.reply.highlighted {
background: #000E3A;
}
-
+
input, textarea {
background: url("img/rect821.png") no-repeat fixed right top #030511;
color: #47506F;
-
+
}
-
+
hr {
height:3px;
border-width: 0px;
@@ -63,7 +63,7 @@ hr {
background-size:100% 100%;
-moz-background-size:100% 100%;
}
-
+
.reflink a:hover{
font-weight: bold;
}
@@ -96,7 +96,7 @@ div.banner, .replymode, .catalogmode {
font-weight: bold;
text-align: center !important;
}
-
+
.postarea {
}
.rules {
@@ -122,7 +122,7 @@ div.banner, .replymode, .catalogmode {
.delbuttons {
text-align:center;
padding-bottom:4px;
-
+
}
.managehead {
background-color: #1e1e1e;
@@ -156,13 +156,13 @@ div.banner, .replymode, .catalogmode {
color: #bebebe;
font-weight:800;
}
-
+
.intro span.subject {
color: #4D2C80;
font-weight: bold;
}
-
-
+
+
span.name, .postername {
color: #06546D !important;
font-weight:bold;
@@ -179,16 +179,21 @@ span.omitted, .omittedposts {
}
div.post.reply {
padding: 5px;
-
+
background:#030511 url('img/rect821.png') fixed top right no-repeat;
color:#47506F;
border: 1px solid #000E3A!important;
-
-
+
+
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
.replyhl {
background-color: #1e1e1e;
diff --git a/stylesheets/rugby.css b/stylesheets/rugby.css
index 330c44ef..aaa707e4 100644
--- a/stylesheets/rugby.css
+++ b/stylesheets/rugby.css
@@ -29,6 +29,11 @@ border-bottom: 1px solid #e9af32;
div.post.reply, div.pages {
border-radius: 20px 20px;
border: 1px solid #e9af32;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
form table tr th {
diff --git a/stylesheets/sharp.css b/stylesheets/sharp.css
index 7027a51b..93e21070 100644
--- a/stylesheets/sharp.css
+++ b/stylesheets/sharp.css
@@ -94,7 +94,7 @@ form table tr th {
form table tr th {
background: #AF0A0F;
color: #FFF;
- border: 1px solid #800000;
+ border: 1px solid #800000;
}
form table tr td div {
text-align: center;
@@ -213,6 +213,10 @@ div.post.reply {
border-style: none solid solid none;
border-color: #DCDCDC;
display: inline-block;
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
span.trip {
color: #228854;
@@ -393,7 +397,7 @@ div.blotter {
}
.desktop-style div.boardlist:nth-child(1) {
-
+
}
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 27dcb921..2f2b5ea6 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -345,7 +345,6 @@ div.post.reply {
border-color: #B7C5D9;
@media (max-width: 48em) {
- border-left-style: none;
border-right-style: none;
}
}
diff --git a/stylesheets/szalet.css b/stylesheets/szalet.css
index 77a216a6..5bc1aa73 100644
--- a/stylesheets/szalet.css
+++ b/stylesheets/szalet.css
@@ -4,7 +4,7 @@ body {
font-family: sans-serif;
font-size: 12px;
color: #99938D;
-
+
background-color: #1e1e1e;
background-image: url('img/szalet_bg.png');
background-repeat: repeat;
@@ -14,7 +14,7 @@ body {
background-image: url('img/szalet_bg.png');
background-repeat: repeat;
/*background-color: #200000;*/
-}
+}
.boardlist .board a {
background-color: #200000;
@@ -27,7 +27,7 @@ color: #26899C;
div.pages a.selected {
color: #FFFCFC !important;}
-
+
a:link, a:visited, div.post.reply p.body a {
color: #7A422C!important;
text-decoration: none;
@@ -35,12 +35,12 @@ a:link, a:visited, div.post.reply p.body a {
a:link:hover, a:visited:hover, div.post.reply p.body a:hover {
color: #8A8A23!important;
}
-
+
a.email span.name {
color: #4B4B4B !important;
-
+
}
-
+
input {
color: #8A7656;
background: none !important;
@@ -52,7 +52,7 @@ input, textarea {
background: #200000;
color: #99938D;
}
-
+
hr {
height: 3px;
border-width: 0px;
@@ -60,7 +60,7 @@ background: url('img/szalet_hr.png') center no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
-
+
.reflink a:hover{
font-weight: bold;
}
@@ -93,7 +93,7 @@ div.banner, .replymode, .catalogmode {
font-weight: bold;
text-align: center !important;
}
-
+
.postarea {
}
.rules {
@@ -119,7 +119,7 @@ div.banner, .replymode, .catalogmode {
.delbuttons {
text-align:center;
padding-bottom:4px;
-
+
}
.managehead {
background-color: #1e1e1e;
@@ -153,13 +153,13 @@ div.banner, .replymode, .catalogmode {
color: #bebebe;
font-weight:800;
}
-
+
.intro span.subject {
color: #771018;
font-weight: bold;
}
-
-
+
+
span.name, .postername {
color: #8A775B !important;
font-weight:bold;
@@ -178,11 +178,16 @@ div.post.reply {
padding: 5px;
border: 1px #583E28 solid !important;
background: #200000;
-
+
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply.highlighted {
background: #583E28;
diff --git a/stylesheets/terminal2.css b/stylesheets/terminal2.css
index a951bc16..0effd591 100644
--- a/stylesheets/terminal2.css
+++ b/stylesheets/terminal2.css
@@ -38,11 +38,21 @@ div.post.reply {
background: #000000;
border: 1px dashed;
border-color:#00FF00;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply.highlighted {
background: transparent;
border: transparent 1px dashed;
border-color:#00FF00;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #00FF00;
@@ -167,4 +177,3 @@ table.modlog tr th {
.desktop-style .sub {
background: none;
}
-
diff --git a/stylesheets/testorange.css b/stylesheets/testorange.css
index 44ebd697..ff6c1c7d 100644
--- a/stylesheets/testorange.css
+++ b/stylesheets/testorange.css
@@ -4,7 +4,7 @@ body {
font-family: sans-serif;
font-size: 12px;
color:#bebebe;
-
+
background-color: #1e1e1e;
background-image: url('img/testorange_testo.png'), url('img/testorange_top_bg.png'), url('img/testorange_bg.png');
background-repeat: no-repeat, repeat-x, repeat;
@@ -15,7 +15,7 @@ body {
.desktop-style .bl-menu{
background-image: url('img/testorange_bg.png');
background-repeat: repeat;
-}
+}
.boardlist .board a {
background-image: url('img/testorange_bg.png');
@@ -174,6 +174,11 @@ div.post.reply {
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
.replyhl {
background-color: #1e1e1e;
diff --git a/stylesheets/uboachan-gray.css b/stylesheets/uboachan-gray.css
index c5867f14..bd2690e7 100644
--- a/stylesheets/uboachan-gray.css
+++ b/stylesheets/uboachan-gray.css
@@ -15,6 +15,11 @@ div.post.reply {
background: #383838;
border: 1px solid #000000;
transition: 0.3s;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
div.post.reply.highlighted {
/*background: #202020;*/
@@ -23,6 +28,11 @@ div.post.reply.highlighted {
background: #282828;
/*border: none;*/
transition: 0.3s;
+
+ @media (max-width: 48em) {
+ border-left-style: none;
+ border-right-style: none;
+ }
}
/*Changed this*/
div.post.reply div.body a {
diff --git a/stylesheets/wasabi.css b/stylesheets/wasabi.css
index 87a81bdd..145b4ae6 100644
--- a/stylesheets/wasabi.css
+++ b/stylesheets/wasabi.css
@@ -212,6 +212,10 @@ div.post.reply {
border-style: none solid solid none;
border-color: lightgreen;
display: inline-block;
+
+ @media (max-width: 48em) {
+ border-right-style: none;
+ }
}
span.trip {
color: #228854;
@@ -393,7 +397,7 @@ div.blotter {
}
.desktop-style div.boardlist:nth-child(1) {
-
+
}
From d41db75ed54e7308a325864151014a6244f5746e Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sun, 18 Aug 2024 17:55:13 +0200
Subject: [PATCH 19/66] show-backlinks.js: move backlinks to post head
---
js/show-backlinks.js | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/js/show-backlinks.js b/js/show-backlinks.js
index 81cdc7a1..418739b2 100644
--- a/js/show-backlinks.js
+++ b/js/show-backlinks.js
@@ -33,8 +33,8 @@ onReady(function() {
}
let mentioned = post.find('p.intro span.mentioned');
- if(mentioned.length == 0) {
- mentioned = $('').appendTo(post.find('p.intro'));
+ if (mentioned.length === 0) {
+ mentioned = $('').prependTo(post.find('.head'));
}
if (mentioned.find('a.mentioned-' + reply_id).length != 0) {
From 602f7b598288a56977c58fb7b492bd534b01778a Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sun, 18 Aug 2024 19:31:48 +0200
Subject: [PATCH 20/66] auto-reload.js: handle small screens
---
js/auto-reload.js | 7 ++++++-
1 file changed, 6 insertions(+), 1 deletion(-)
diff --git a/js/auto-reload.js b/js/auto-reload.js
index b9cf3e23..8b6e286c 100644
--- a/js/auto-reload.js
+++ b/js/auto-reload.js
@@ -139,7 +139,12 @@ $(document).ready(function(){
var poll = function(manualUpdate) {
stop_auto_update();
- $('#update_secs').text(_("Updating..."));
+ let isScreenSmall = window.matchMedia('(max-width: 48em)').matches;
+ if (isScreenSmall) {
+ $('#update_secs').text('...');
+ } else {
+ $('#update_secs').text(_('Updating...'));
+ }
$.ajax({
url: document.location,
From 2161a3c1fe316b04de2492e61fb903c99ef986b5 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Tue, 20 Aug 2024 01:16:09 +0200
Subject: [PATCH 21/66] show-backlinks.js: fix backlinks stacking
---
js/show-backlinks.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/js/show-backlinks.js b/js/show-backlinks.js
index 418739b2..d1638785 100644
--- a/js/show-backlinks.js
+++ b/js/show-backlinks.js
@@ -32,7 +32,7 @@ onReady(function() {
}
}
- let mentioned = post.find('p.intro span.mentioned');
+ let mentioned = post.find('.head div.mentioned');
if (mentioned.length === 0) {
mentioned = $('').prependTo(post.find('.head'));
}
From 2311035748bb0b05a029e3f01687f3fc2c100377 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Wed, 28 Aug 2024 19:42:32 +0200
Subject: [PATCH 22/66] show-backlinks.js: use div so reply links don't get
jumbled up or something
---
js/show-backlinks.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/js/show-backlinks.js b/js/show-backlinks.js
index d1638785..d1627211 100644
--- a/js/show-backlinks.js
+++ b/js/show-backlinks.js
@@ -34,7 +34,7 @@ onReady(function() {
let mentioned = post.find('.head div.mentioned');
if (mentioned.length === 0) {
- mentioned = $('').prependTo(post.find('.head'));
+ mentioned = $('').prependTo(post.find('.head'));
}
if (mentioned.find('a.mentioned-' + reply_id).length != 0) {
From 5c8c8516814bdd825560f162fe1b2a68320763ea Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Mon, 2 Sep 2024 23:20:56 +0200
Subject: [PATCH 23/66] show-backlinks.js: fix and format
---
js/show-backlinks.js | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/js/show-backlinks.js b/js/show-backlinks.js
index d1627211..a71737d8 100644
--- a/js/show-backlinks.js
+++ b/js/show-backlinks.js
@@ -14,7 +14,7 @@
onReady(function() {
let showBackLinks = function() {
- let reply_id = $(this).attr('id').replace(/(^reply_)|(^op_)/, '');
+ let replyId = $(this).attr('id').replace(/(^reply_)|(^op_)/, '');
$(this).find('div.body a:not([rel="nofollow"])').each(function() {
let id = $(this).text().match(/^>>(\d+)$/);
@@ -41,9 +41,9 @@ onReady(function() {
return;
}
- let link = $('>>' +
- reply_id + '');
- link.appendTo(mentioned)
+ let link = $('>>' + replyId + '');
+ link.appendTo(mentioned);
if (window.init_hover) {
link.each(init_hover);
From 1c98c1ce765426e14b802202cf2ff90e600384c1 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sun, 29 Dec 2024 00:53:05 +0100
Subject: [PATCH 24/66] show-backlinks.js: add support for op post
---
js/show-backlinks.js | 11 ++++++-----
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/js/show-backlinks.js b/js/show-backlinks.js
index a71737d8..05c0f3f8 100644
--- a/js/show-backlinks.js
+++ b/js/show-backlinks.js
@@ -25,7 +25,7 @@ onReady(function() {
}
let post = $('#reply_' + id);
- if (post.length == 0){
+ if (post.length == 0) {
post = $('#op_' + id);
if (post.length == 0) {
return;
@@ -34,7 +34,8 @@ onReady(function() {
let mentioned = post.find('.head div.mentioned');
if (mentioned.length === 0) {
- mentioned = $('').prependTo(post.find('.head'));
+ // The op has two "head"s divs, use the second.
+ mentioned = $('').prependTo(post.find('.head').last());
}
if (mentioned.find('a.mentioned-' + reply_id).length != 0) {
@@ -51,13 +52,13 @@ onReady(function() {
});
};
- $('div.post.reply').each(showBackLinks);
+ $('div.post').each(showBackLinks);
$(document).on('new_post', function(e, post) {
- if ($(post).hasClass('reply')) {
+ if ($(post).hasClass('reply') || $(post).hasClass('op')) {
showBackLinks.call(post);
} else {
- $(post).find('div.post.reply').each(showBackLinks);
+ $(post).find('div.post').each(showBackLinks);
}
});
});
From 2431eb78b2d2d3f4bc259c717ec66905bc0b6de6 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Wed, 28 Aug 2024 22:49:37 +0200
Subject: [PATCH 25/66] style.css: newline with a bit of margin after op's head
---
stylesheets/style.css | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 2f2b5ea6..62a10ce8 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -311,6 +311,11 @@ div.post > p {
}
}
+div.post.op > p {
+ clear: both;
+ padding-top: 1em;
+}
+
div.post div.body {
margin-top: 0.8em;
padding-right: 3em;
From 7c779418aced5752ba5c6c3e0f3822be71e28418 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Tue, 20 Aug 2024 16:06:51 +0200
Subject: [PATCH 26/66] style.css: handle very long words across all the post
---
stylesheets/style.css | 1 +
1 file changed, 1 insertion(+)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 62a10ce8..2c18d86a 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -285,6 +285,7 @@ div.post {
padding: 0.5em 0.3em;
display: inline-block;
max-width: 94%!important;
+ overflow-wrap: break-word;
@media (max-width: 48em) {
margin: 0.1em 0px;
From 34f43c91a14653f5b0ace6c281a17c3ec3511f90 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Fri, 3 Jan 2025 17:38:30 +0100
Subject: [PATCH 27/66] style.css: rework fileinfo display to fix bug
---
stylesheets/style.css | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 2c18d86a..11e79c20 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -1212,8 +1212,8 @@ div.video-container {
}
}
-p.fileinfo .unimportant {
- @media (max-width: 48em) {
+@media (max-width: 48em) {
+ p.fileinfo .unimportant {
display: none;
}
}
From 9a10968337b7898700581db951d95d784be223bd Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Fri, 3 Jan 2025 18:31:16 +0100
Subject: [PATCH 28/66] style.css: make post css more generic
---
stylesheets/style.css | 12 +++++-------
1 file changed, 5 insertions(+), 7 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 11e79c20..a909d8e8 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -331,10 +331,6 @@ div.post.reply div.body a {
color: #D00;
}
-div.post {
- padding-left: 20px;
-}
-
div.post div.body {
word-wrap: break-word;
white-space: pre-wrap;
@@ -1133,11 +1129,13 @@ div.video-container {
hr {
margin: 1em 0;
}
- div.post.reply {
+ div.post {
width: 100%;
- padding: 0.5em 0px 0.5em 0.5em;
- margin: 0;
max-width: 100% !important;
+ }
+ div.post.reply {
+ padding: 0.5em 0px 0.5em 0.5em;
+ margin: 0px;
box-sizing: border-box;
margin: 0px;
}
From 34ab185b5d1b2bee27c6abab678abca4b8094a89 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Fri, 3 Jan 2025 18:41:07 +0100
Subject: [PATCH 29/66] style.css: set post margin
---
stylesheets/style.css | 9 ++++-----
1 file changed, 4 insertions(+), 5 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index a909d8e8..e59c58a0 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -351,6 +351,10 @@ div.post.reply {
}
}
+div.post.reply div.body {
+ margin-left: 1.8em;
+}
+
span.trip {
color: #228854;
}
@@ -1139,11 +1143,6 @@ div.video-container {
box-sizing: border-box;
margin: 0px;
}
- div.post.reply div.body {
- margin-inline-start: 10px;
- margin-inline-end: 0px;
- margin-left: initial !important;
- }
.post-btn {
margin: 0 2px 0 2px;
}
From 452358b929129f2307b5da6085abc4168a0e46c9 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Fri, 3 Jan 2025 19:04:18 +0100
Subject: [PATCH 30/66] style.css: remove obsolete css
---
stylesheets/style.css | 19 +++----------------
1 file changed, 3 insertions(+), 16 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index e59c58a0..fa8f0298 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -193,8 +193,6 @@ img.banner,img.board_image {
.post-image {
display: block;
- float: left;
- margin: 5px 20px 10px 20px;
border: none;
}
@@ -284,14 +282,12 @@ div.post {
margin: 0.2em 4px;
padding: 0.5em 0.3em;
display: inline-block;
- max-width: 94%!important;
+ max-width: 94%;
overflow-wrap: break-word;
@media (max-width: 48em) {
- margin: 0.1em 0px;
- padding: 0.5em 0px;
width: 100%;
- max-width: unset!important;
+ max-width: 100%;
}
}
@@ -351,10 +347,6 @@ div.post.reply {
}
}
-div.post.reply div.body {
- margin-left: 1.8em;
-}
-
span.trip {
color: #228854;
}
@@ -1133,10 +1125,6 @@ div.video-container {
hr {
margin: 1em 0;
}
- div.post {
- width: 100%;
- max-width: 100% !important;
- }
div.post.reply {
padding: 0.5em 0px 0.5em 0.5em;
margin: 0px;
@@ -1157,8 +1145,7 @@ div.video-container {
}
div.post .files {
- display: inline-flex !important;
- float:left;
+ float: left;
flex-flow: row wrap;
align-content: space-between;
margin-right: 10px;
From 40f4b342843421704004bb846d1731a0b0a63011 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Fri, 3 Jan 2025 19:21:21 +0100
Subject: [PATCH 31/66] style.css: remove extra padding from posts that causes
horizontal scrolling
---
stylesheets/style.css | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index fa8f0298..1b394486 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -286,6 +286,9 @@ div.post {
overflow-wrap: break-word;
@media (max-width: 48em) {
+ padding: 0px;
+ margin: 0px;
+
width: 100%;
max-width: 100%;
}
@@ -1127,9 +1130,7 @@ div.video-container {
}
div.post.reply {
padding: 0.5em 0px 0.5em 0.5em;
- margin: 0px;
box-sizing: border-box;
- margin: 0px;
}
.post-btn {
margin: 0 2px 0 2px;
From c34914ee8a42d13db32449561267096f4aa0117a Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Fri, 3 Jan 2025 19:32:00 +0100
Subject: [PATCH 32/66] style.css: fix aligment issues
---
stylesheets/style.css | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 1b394486..e36c3f94 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -286,7 +286,7 @@ div.post {
overflow-wrap: break-word;
@media (max-width: 48em) {
- padding: 0px;
+ box-sizing: border-box;
margin: 0px;
width: 100%;
@@ -1130,7 +1130,9 @@ div.video-container {
}
div.post.reply {
padding: 0.5em 0px 0.5em 0.5em;
+ margin: 0px;
box-sizing: border-box;
+ margin: 0px;
}
.post-btn {
margin: 0 2px 0 2px;
From ef86d714ac498f1f3cc8f2b2a09b7c2a84f8e172 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Fri, 3 Jan 2025 19:38:53 +0100
Subject: [PATCH 33/66] style.css: adjust textarea causing horizontal scrolling
issues
---
stylesheets/style.css | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/stylesheets/style.css b/stylesheets/style.css
index e36c3f94..f4a56896 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -110,7 +110,8 @@ input[type="text"],input[type="password"],textarea {
}
textarea {
- width: 100%;
+ box-sizing: border-box;
+ width: 100%;
}
form table tr td {
From e4a8757a3d4ca80fdac8ddc2bfb60aea793fb85d Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Tue, 1 Oct 2024 01:10:19 +0200
Subject: [PATCH 34/66] post_reply.html: add user-controls hook for js
---
templates/post_reply.html | 1 +
1 file changed, 1 insertion(+)
diff --git a/templates/post_reply.html b/templates/post_reply.html
index 397ef9a0..60434887 100644
--- a/templates/post_reply.html
+++ b/templates/post_reply.html
@@ -17,6 +17,7 @@
No.
{{ post.id }}
+
{% endapply %}
From 210423ec0a4111c3ba850290d6f2bd00edb8db54 Mon Sep 17 00:00:00 2001
From: Zankaria
Date: Sat, 24 Aug 2024 00:47:18 +0200
Subject: [PATCH 35/66] quick-post-controls.js: port to new html structure
---
js/quick-post-controls.js | 14 ++++----------
1 file changed, 4 insertions(+), 10 deletions(-)
diff --git a/js/quick-post-controls.js b/js/quick-post-controls.js
index c625fa85..f842f02d 100644
--- a/js/quick-post-controls.js
+++ b/js/quick-post-controls.js
@@ -14,19 +14,17 @@
$(document).ready(function() {
let open_form = function() {
- let thread = $(this).parent().parent().hasClass('op');
let id = $(this).attr('name').match(/^delete_(\d+)$/)[1];
if (this.checked) {
let post_form = $('