2021 Theme

Status
Not open for further replies.
Why when you scroll up there's an arrow that lets you go to the top of the page but if you start scrolling down there isn't one to go to the end of the page?
 
Bender said:
@Null can we have the option to switch to full-width on desktop, please? It feels a bit cramped at the minute.

It's full-width at lower zooms but I've got shit eyes and a relatively small screen so I browse at 150% zoom where the full-width stops working and there's like 12.5% margins on each side of the page.
Click to expand...

RealtreeByGod said:
View attachment 1822343
Click to expand...

Bender said:
View attachment 1822352
Doesn't show up at 150% zoom.

It's there at 133% zoom in Brave at 1080p, but if I zoom in further the posts get squished in by the margins and the option vanishes.
Click to expand...

heathcliff said:
That 'button' used to be there and it worked, but is gone at the moment.
Click to expand...

Yotsubaaa said:
It's coded to not show up when your window is less than ~1400px wide:
View attachment 1822559

So: Haha, get fucked screenlets.
(It seems fixable though.)
Click to expand...

Check out this post I made a few days ago. I use my browser at 125% zoom and the Change Width button disappeared for me, so I came up with this.
For those interested, I'm having a very particular issue, and figured out a workaround.

I've enabled Chrome's experimental Dark Mode.
View attachment 1820942

So when loading the forum, the background and footer area look like this:
View attachment 1820950

Since this is incredibly grating on my eyes, I came up with a little Tampermonkey script that, for whoever has the same issues as mine, removes the footer entirely and forces maximum width on the forum area.
JavaScript: 
// ==UserScript==
// @name         Kiwifarms full width + no footer
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Removes sidebars and footer from forum area
// @author       Ceral Funt
// @match        https://kiwifarms.net/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    document.getElementsByClassName("p-body-inner")[0].style.setProperty("max-width","100%","important");
    document.getElementById("footer").remove();
})();

Each page will still load initially with the reduced maximum width, but as soon as it finishes loading, the script will force it to cover the entire viewport width.

Feel free to use it at your leisure.

EDIT: Fucking missed something in the code (having it work on the main homepage). Fixed now.
 
  • Winner
  • Like
Reactions: Yotsubaaa and Bender
Ceral Funt said:
Check out this post I made a few days ago. I use my browser at 125% zoom and the Change Width button disappeared for me, so I came up with this.
For those interested, I'm having a very particular issue, and figured out a workaround.

I've enabled Chrome's experimental Dark Mode.
View attachment 1820942

So when loading the forum, the background and footer area look like this:
View attachment 1820950

Since this is incredibly grating on my eyes, I came up with a little Tampermonkey script that, for whoever has the same issues as mine, removes the footer entirely and forces maximum width on the forum area.
JavaScript: 
// ==UserScript==
// @name         Kiwifarms full width + no footer
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Removes sidebars and footer from forum area
// @author       Ceral Funt
// @match        https://kiwifarms.net/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    document.getElementsByClassName("p-body-inner")[0].style.setProperty("max-width","100%","important");
    document.getElementById("footer").remove();
})();

Each page will still load initially with the reduced maximum width, but as soon as it finishes loading, the script will force it to cover the entire viewport width.

Feel free to use it at your leisure.

EDIT: Fucking missed something in the code (having it work on the main homepage). Fixed now.
Click to expand...
Thanks a ton, that works perfectly.
 
BarberFerdinand said:
There was a feature where you could click on the date of the last post on a thread and be taken directly to that post. Would it be possible to re-introduce this?
Click to expand...
Fixed.

Elaine Benes said:
Now that the site is revamped, can you get rid of the Achievement rating for people who don't have access to it?
Click to expand...
Maybe one day. Per-rating permissions is my own (shoddy) work. The system is inflexible and the cache breaks randomly.
 
  • Like
Reactions: Elaine Benes and BarberFerdinand
Noticed that "Happenings" don't underline on hover like they used to. Plus, no padding between the lists elements makes it harder to follow when a thread ends and another one begins.

1609873774977.png


It's an unfortunate coincidence here that "Mitchell" is capitalized because it took me a second read to tell it was the same thread as the line before.

EDIT
-----------------------------------------
On a 1366 x 768 display the main layout looks like this. It used to present the usual layout with the old theme.
If there is a responsive check, increase the minimum width please. Zooming out in the browser fixes the layout. Otherwise laptops are going to have a mobile looking layout by default.

1609894196472.png
1609894225480.png
1609894244909.png
 
Last edited:
  • Like
Reactions: hundredpercent
Null said:
It happens on any page with enough images/videos, but only on mobile.

If anyone has a fix let me know.
Click to expand...
It actually has nothing to do with the number of images/videos. I noticed it only happened on pages with visible attachment boxes, so I saved one of those pages and edited out the attachment boxes. That fixed the problem, so then I started poking around in the CSS to figure out what was causing it. When I got rid of the backdrop-filter:blur on .file-info I was able to get the page to render correctly with the attachment boxes visible. I did a quick search afterwards and apparently it's a known issue.

So to fix the issue just change this...
Code: 
@supports(backdrop-filter:blur(3px)) or (-webkit-backdrop-filter:blur(3px)){.file-info{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}
…to this:
Code: 
@supports(-webkit-backdrop-filter:blur(3px)) {.file-info {-webkit-backdrop-filter: blur(3px)}}

Here's a video that shows the difference. Make sure to turn your sound on:

I appreciate all the work you've been putting in, I just couldn't resist this golden opportunity to clown on you. #PhonepostMasterRace :story:
 
  • Winner
  • DRINK!
  • Semper Fidelis
Reactions: CEO of Pickles, BoJack Horseman, dumb idiot and 6 others
BoJack Horseman said:
[...]
On a 1366 x 768 display the main layout looks like this. It used to present the usual layout with the old theme.
If there is a responsive check, increase the minimum width please. Zooming out in the browser fixes the layout. Otherwise laptops are going to have a mobile looking layout by default.
[...]
Click to expand...
Might want to look at the workaround I posted above.
 
Could the "Thread starter" tag go to the left of the Highlight nav elements instead of to their right?
Currently it pushes that stuff out of the way when present so I can't lazily browse through threads with one finger like a fat Stephen Hawking.

Edit: actually wait the post number digits also shift it so it wouldn't be as simple as I thought.
 
Last edited:
  • Agree
Reactions: hateful entity
Since Null is probably looking for more helpful posts instead of just whining, I tried to fix the happenings board not underlining the links on hover

Add this to the css
1610052447814.png

Result:
1610052447885.png

Note: seems that something else in the css is overriding the text-decoration, so the
Code: 
!important
part is necessary.

1610052596740.png

In this part change the max-width to 1366px (2nd most common screen resolution according to some website)
1610052708366.png
Seems that there are other checks for resolution so I'd find and replace anything that checks for 1400px to 1366px.
 
This is more of a personal gripe than anything but any chance the Happenings Box can have a bullet list instead? It'd make it easier to read and new things would be more noticeable.
 
  • Like
Reactions: beautiful person
On the width issue, is there a workaround for folks with smaller monitors (1280x1024 max resolution) who use Firefox?
 
Untitled.png

God dammit Null. I dont like to use fullscreen and this shit.

Edit: resizing the page made it go away.
 
Whatever magic this is is so pretty. Can we keep it?

eta: on a less shallow note, now that I have posted in the thread, is there a way to get the threads in the 'watched threads' area (not the drop down) to visibly differentiate between read and unread threads? They are exactly the same. I use the drop down/notification area but sometimes miss things.
 
  • Agree
Reactions: beautiful person, Full Race Replay, Mesh Gear Fox and 2 others
Status
Not open for further replies.
Back