DIY Desktop Site Customisation - Use at own risk

smuggler.ie · 25-07-2021 3:41pm

Could some one point right direction. Per image, post text body field only expand once text exceed hight of user "data" on the left. Would love to get it shrink to bare min

Also reduce spacing above and bellow signature image

CSS if posible please. Thanks

iLikeWaffles · 25-07-2021 3:50pm

Actually just looking at that. One moment

iLikeWaffles · 25-07-2021 3:54pm

/* user signiture padding top */
.Content .MessageList .UserSignature {
  border-top: 1px solid rgb(211, 212, 213);
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  clear: both;
}

/* margin bottom */
.userContent.userContent.userContent.userContent .float-left .embedExternal-content, .UserContent.UserContent.UserContent.UserContent .float-left .embedExternal-content, .userContent.userContent.userContent.userContent .float-right .embedExternal-content, .UserContent.UserContent.UserContent.UserContent .float-right .embedExternal-content {
  margin-bottom: 2px;
}

Captain Snow · 25-07-2021 3:59pm

Deleted

fritzelly · 25-07-2021 4:05pm

https://www.boards.ie/discussion/comment/117659573#Comment_117659573

Wrong thread

smuggler.ie · 25-07-2021 4:15pm

https://www.boards.ie/discussion/comment/117659540#Comment_117659540

Thanks, squashed even further with { margin-bottom: -40px;} as react buttons are 30px. will see how it goes.

now remaining post text body.

PS.: could you convert your code into quote instead code block - potentially it causes this page freeze. Thanks

smuggler.ie · 25-07-2021 4:18pm

https://www.boards.ie/discussion/comment/117659477#Comment_117659477

Needed a lot , thanks

iLikeWaffles · 25-07-2021 4:22pm

https://www.boards.ie/discussion/comment/117659594#Comment_117659594

test

iLikeWaffles · 25-07-2021 4:28pm

https://www.boards.ie/discussion/comment/117659622#Comment_117659622

a codeblock won't cause the page to freeze it is any formatting that causes the issue as far as I can tell.

smuggler.ie · 25-07-2021 4:30pm

https://www.boards.ie/discussion/comment/117659675#Comment_117659675

If you say so, i am not certain. i noticed its not bad in the morning -bad in the afternoon. However it effects this thread most. I could be wrong

25-07-2021 4:30pm

What's the issue? Freezes?

smuggler.ie · 25-07-2021 4:32pm

not right now, but last few evening was seriously bad, down to need to reload page in new tab or even restart FF.

iLikeWaffles · 25-07-2021 4:39pm

https://www.boards.ie/discussion/comment/117659692#Comment_117659692

Seems so, editing a post with formatting seemed to trigger it for me. Refreshing the page seemed to fix. It could have been site wide also. Reply box seems to freeze when a draft saves so if that is happening all at once site wide it might account for it?!

archfi · 25-07-2021 4:52pm

https://www.boards.ie/discussion/comment/117659675#Comment_117659675

Unfortunately, it does and specifically for a good few users on this thread and only this thread in my experience. Page 2 for instance is a huge inconvenience to even open, for me at least but I don't think I'm alone there.

iLikeWaffles · 25-07-2021 4:56pm

https://www.boards.ie/discussion/comment/117659775#Comment_117659775

No issue with page 2 my end. Has to be something else causing the issue. I've tested both formatting and a codeblock on another thread and saw no issue there also. Which leads me to believe it might be drafts being saved or the accumulation of them in a users profile. I have no drafts but I also cleared my cache so could be a cache issue.

archfi · 25-07-2021 5:20pm

https://www.boards.ie/discussion/comment/117659790#Comment_117659790

It's odd alright.

when I have a chance I'll test it out with a few browsers with/without extensions/addons - it may well be fingerprinting browser defences for instance.

fritzelly · 25-07-2021 5:33pm

It seems they have done some fixes on the backend - page 2 seems to be working fine for me now

25-07-2021 5:47pm

I edited your code for thanks so it works for the opening post in a thread, Fritz.

  $(".ReactButton-Like").each(function () {


    var postid = $(this).closest("li").attr("id");
    /**
     * Fix opening post
     */
    if (postid == "Comment_") {
      postid = $(this).attr('href').split('=')[1];
      console.log(postid)
      $(this).closest("li").attr('id', "Comment_" + postid);
      $(this).closest("li").attr('req_type', "Discussion");
    } else {
      postid = postid.split("_");
      postid = postid[1];
    }
    $("<div class='fritzelly_thanks' id='thanks_" + postid + "'> </div>").insertAfter($(this).closest(".postbit-wrapper"));


  });
  $(".ReactButton-Like .Count").each(function () {
    var thanksTotal = $(this).text();
    postid = $(this).closest("li").attr("id")
    post_id = postid.split("_")
    post_id = post_id[1]
    /**
     * Check comment or discussion
     */
    var type = 'Comment';
    if ($(this).closest("li").attr('req_type') == "Discussion") {
      type = "Discussion";
    }
    $.ajax({
      url: "https://www.boards.ie/reactions/users/" + type + "/" + post_id + "/like?DeliveryType=VIEW",
      method: "GET",
      custom: post_id,
      thanksTotal: thanksTotal
    })
      .done(function (data, textStatus, jqXHR) {
        var postID = this.custom;
        $('#thanks_' + postID).append("Thanked by: ");
        var thanksArray = [];
        $(data).find('li a').each(function () {
          if ($(this).attr("title") != undefined) {
            thanksArray.push($(this).attr("title"));
          }
        });
        if (this.thanksTotal > 10) {
          thanksArray.push(' and ' + (thanksTotal - 10) + ' more.')
        }
        $('#thanks_' + postID).append(thanksArray.join(', '));
      });
  });

25-07-2021 5:51pm

And I found dark mode for code blocks somewhere.

.hljs {
   display: block !important;
   overflow-x: auto !important;
   padding: 1em !important;
   color: #dfdfe0 !important;
   background: #23232d !important;
   border: solid #393948 1px !important
}


.hljs-comment,
.hljs-quote {
   color: #a5b0bd !important;
   font-style: italic !important
}


.hljs-doctag,
.hljs-formula,
.hljs-keyword {
   color: #ef81b0 !important
}


.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
   color: #dfdfe0 !important
}


.hljs-literal {
   color: #ef81b0 !important
}


.hljs-addition,
.hljs-attribute,
.hljs-meta-string,
.hljs-regexp,
.hljs-string {
   color: #f08875 !important
}


.hljs-built_in,
.hljs-class .hljs-title {
   color: #dfdfe0 !important
}


.hljs-number {
   color: #d5ca86 !important
}


.hljs-attr,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
   color: #bbf0e4 !important
}


.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
   color: #dfdfe0 !important
}


.hljs-emphasis {
   font-style: italic !important
}


.hljs-strong {
   font-weight: 700 !important
}


.hljs-link {
   text-decoration: underline !important
}

fritzelly · 25-07-2021 6:01pm

https://www.boards.ie/discussion/comment/117659979#Comment_117659979

Oh, how did you find that? Even the Thanks button itself is broken returning no thankers

fritzelly · 25-07-2021 6:02pm

https://www.boards.ie/discussion/comment/117659995#Comment_117659995

That looks very nice

Page is freezing again

smuggler.ie · 25-07-2021 10:30pm

Don't know lads, came back after few hours at barbeque and found "this page has crashed" - reloaded and found few posts heavily populated with codeblock....Tell me its not the cause.

iLikeWaffles · 25-07-2021 11:26pm

You all have custom code so it is likely that or as I said earlier a performance issue boards is having with drafts. The saving of a draft is the only freeze I see and that is site wide.

fritzelly · 25-07-2021 11:54pm

https://www.boards.ie/discussion/comment/117661085#Comment_117661085

I've tried it with no addons - this thread when there are codeblocks is the only one that hangs

For some reason when there is a code block on the page it hangs the ajax calls

So please all stop using the code block

iLikeWaffles · 26-07-2021 12:00am

https://www.boards.ie/discussion/comment/117661152#Comment_117661152

Have you tried deleting your drafts and clearing your cache?

fritzelly · 26-07-2021 12:02am

https://www.boards.ie/discussion/comment/117661166#Comment_117661166

I have no drafts and drafts shouldn't be an issue as they are local storage - it is only this thread and only this thread has codeblocks on it, when there is no codeblocks on the page then the page doesn't hang. As soon as you posted a code block it started freezing

iLikeWaffles · 26-07-2021 12:06am

https://www.boards.ie/discussion/comment/117661170#Comment_117661170

What is it about codeblocks that would cause performance issues? Check next time you have a freeze does it happen when saving the draft?

fritzelly · 26-07-2021 12:13am

https://www.boards.ie/discussion/comment/117661181#Comment_117661181

It's executing some ajax calls to the server (this may be part of the draft auto save code but they are stored locally and I can only see network activity) - I don't have the patience to track them down and go thru them. Its probably just some badly written JS that is firing off a routine that may have some shared code with the codeblock stuff

iLikeWaffles · 26-07-2021 12:41am

https://www.boards.ie/discussion/comment/117661200#Comment_117661200

highlight.js seems to have an issue, it is a 3rd party addon for codeblocks that allows users to highlight the block of code v9 is likely being used, v10 doesn't seem to cause the issue.

https://github.com/laurent22/joplin/issues/3281#issuecomment-634793044

fritzelly · 26-07-2021 12:46am

https://www.boards.ie/discussion/comment/117661258#Comment_117661258

Great detective work - the highlighting was my prime suspect

iLikeWaffles · 26-07-2021 12:58am

https://www.boards.ie/discussion/comment/117661265#Comment_117661265

how many more posts for a new page?

iLikeWaffles · 26-07-2021 1:05am

okay then 😂

Might I suggest adding a pastebin link to any code, it is unreadable without formatting.

fritzelly · 26-07-2021 1:14am

https://www.boards.ie/discussion/comment/117661293#Comment_117661293

Sounds good to me

fritzelly · 26-07-2021 4:58am

The amount of time we've spent fixing the unfixable we could have probably built the whole thing from scratch and actually be working

iLikeWaffles · 26-07-2021 2:16pm

https://www.boards.ie/discussion/comment/117661461#Comment_117661461

Have only spent about an hour or so with it. Can't see any point in getting into any deeper customisation as the issues will probably be fixed soon enough. If it is looking like it will be longer than 1 month for fixes I might look further. The only thing I miss is my threads being unbolded when there is no more new posts, and the page being defaulted to my threads.

smuggler.ie · 26-07-2021 8:12pm

Something has changed since morning, post text bearelly readable like dimmed by background color

iLikeWaffles · 26-07-2021 8:32pm

Quick fix to the now broken breadcrumps box on the homepage.

.homepage-tabs {

border-bottom: 1px solid #b7b7b7;

padding: 35px 0 9px;

color: #2e4a80;

}

Andrew76 · 26-07-2021 9:43pm

https://www.boards.ie/discussion/comment/117665135#Comment_117665135

Everything looks fine for me although I'm using an extension for the dark mode. I'm actually getting used to the look of it now so hopefully any fixes they make don't botch things up too badly.

@[Deleted User] - did you decide to upload your theme that time or still holding off? I'd be interested to test it out. Is it possible to alter the colours used?

smuggler.ie · 26-07-2021 9:53pm

@Andrew76 notice they have added "Link" font color (hell! ,light blue no bold)

.atMention as per screenshot has my mod to be amber - still works as i type this comment but no longer once posted - all links are light blue.

in comment box text stay as set to #dadcde, but as soon is posted its just black(v dark) .My mod is broken :(

iLikeWaffles · 26-07-2021 11:38pm

Hide breadcrumbs on homepage move tabs up slightly. You should target the boards homepage url only as it may hide breadcrumbs otherwise. In stylus you set the url to "URLs matching the regexp" not sure if other extensions have similar options.

.BreadcrumbsBox {

visibility: hidden;

}

.homepage-tabs {

border-bottom: 1px solid #b7b7b7;

padding: 22px 0 9px;

color: #2e4a80;

}

smuggler.ie · 27-07-2021 1:28am

good god, how easy all this stilling thing should be for one who has some understanding in CSS.

Managed to recover my font color issue since they moded something, discovered how to highlight read/unread threads/forums/user profiles

Either boards have some serious problems and have no time for this or they have dev with coding experience as mine

GBX · 27-07-2021 9:38am

Something has changed in the breadcrumbs/background. They are now back down a bit on the page. Ive tried adjusting the px height but still the same :/

iLikeWaffles · 27-07-2021 9:44am

https://www.boards.ie/discussion/comment/117666290#Comment_117666290

Styling? Hard part is actually pushing the update. Wouldn't make much sense making a single adjustment and pushing that to a live state. So multiple adjustments are merged into the repository, usually test parameters would need to pass as a whole. Can't test for user customisation so it is a massive corner case that won't be seen when testing.

GBX · 27-07-2021 10:01am

https://www.boards.ie/discussion/comment/117666922#Comment_117666922

Sorted it - I had somehow duplicated it in the code. 🤨

iLikeWaffles · 27-07-2021 11:41am

https://www.boards.ie/discussion/comment/117667043#Comment_117667043

Shouldn't need that custom code now, it has been added site wide. If you surround the block of code with comments " /**/ " it will disable what it is surrounded

/* this comment */

this is not commented out /* this is {

this is also commented out

and this

} */ but not this

joujoujou · 27-07-2021 1:14pm

Guys, I'm lost.

Since last Odhran's post mentioning few fixes and tweaks, including:

Made the navbar and breadcrumb section sticky so users should be able to navigate back to parent forum easier.

Header remains static (scrolls away with the page) but breadcrumbs keep annoying me in front of my eyes. I just set .BreadcrumbsBox to visibility: hidden, but it removes it completely, and I'd like to keep it stuck just below header, regrettably I don't know how. Here's my current setup if you have a while to enlighten me what I messed up. :-(

bds2.txt

Thanks. :-)

noplacehere · 27-07-2021 3:26pm

Can anyone tell me what I can currently paste into style bot to make this more civilised looking? Do i just go with something from the early posts or does it still work?