DIY Desktop Site Customisation - Use at own risk

smuggler.ie

So let me get it straight

They said this platform will allow them to make changes "painless" , but it seams it doesnt. Not that i claim i do understand what the issue was before and i dont pretend i do whats now. If me, three days reading and testing some minor coding tweaks, with help of all good people here and on G search, able to customize this site to my liking(almost) then what it takes them to NOT do it in three weeks ?

Sorry for gripe, back to code discoveries as they might have "fixed" something again 😀

smuggler.ie

Anyone using dark shades for background? does post text went bonkers since last night?

i worked out by:

p, ul, ol {

   background: inherit;

 color: #dadcde;

}

as it appear to me they enforced black font color

smuggler.ie

@joujoujou i have loaded yours. I had same little niggle you appear to have on your code allowing text to roll behind reaction buttons. If you add this into your code it wont

.Reactions {

   position: relative !important;

   float: right !important;

}

smuggler.ie

Does anyone get this "artifact" effect on the site, like something in the background. it only visible in dark setup

expectationlost

the breadcrumb links float 'an inch' from the top of the screen in latest firefox

joujoujou

https://www.boards.ie/discussion/comment/117669452#Comment_117669452

It is not popping up. Tried with/without custom css, with/without other addons I have installed. Nope. :-(

https://www.boards.ie/discussion/comment/117669623#Comment_117669623

Is it not needed? Both header and breadcrumbs remain visible on top of the page all the time without that code and that's not what I need.

https://www.boards.ie/discussion/comment/117670530#Comment_117670530

Sorted, thank you.

Actually, thanks everybody for help. Any ideas about non-clickable pages links?

smuggler.ie

@joujoujou Any ideas about non-clickable pages links?

It was working OK with your CSS loaded . 🤨 on stylus, FF

Edit: i see now, its "bookmarks" page, might be some other - not only your code issue

As workaround you can add /p# to the end of url to proceede to that page number

iLikeWaffles

@joujoujou Is it not needed? Both header and breadcrumbs remain visible on top of the page all the time without that code and that's not what I need

Is it that you want to scroll and it disappears?

position: static; or absolute as opposed to fixed or sticky

https://www.w3schools.com/css/css_positioning.asp

joujoujou

https://www.boards.ie/discussion/comment/117671401#Comment_117671401

Yes, that's exactly what I wanted. Need no room to be permanently taken by stuff I can easily access hitting "Home" key. Sorted now, thanks.

https://www.boards.ie/discussion/comment/117671147#Comment_117671147

Yeah, I figured out the workaround, thanks.

To summarise the issue - the problem is with a CSS I uploaded above, and it only appears on the pages with a list of threads (and, obviously, if there's more than one page of threads, for example My Subscriptions, but also any category with multiple pages full of threads). If I'm on the page like this one we all are on now (a multipage thread) pages links are clickable.

Newest Opera on win7 Ultimate 64bit. Tested with custom CSS enabled - no clickety click for me. Tested with CSS disabled - all multipages thingys suddenly become clickable.

Any hint would be greatly appreciated.

joujoujou

Update.

Replacing current PageControls rule with

 .Content .PageControls {
 display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 0px;
}

makes bottom links working, but simultaneously top links totally disappearing. Weird.

Shlippery

Would anyone have their latest stable combined css of all the fixes so far to share in one file? Appreciating all the efforts so far!

smuggler.ie

https://www.boards.ie/discussion/comment/117673976#Comment_117673976

@joujoujou Update to your update

Make change to the code part bellow - seams working top and bottom clickable. Dont know if it would have adverse effects elsewhere, testing needed. Did not include code you posted above/unnessesary

.PageControls {

   float: unset !important;

   display: inherit !important; /* instead of unset !*/

   margin: 0 !important;

}

smuggler.ie

https://www.boards.ie/discussion/comment/117674455#Comment_117674455

i dont mind to post mine latest for your testing, however my coding is 4 days expirience and you might not like design 😁

joujoujou

https://www.boards.ie/discussion/comment/117675441#Comment_117675441

Works perfectly!

Thank you very much!

  /**
   * Add title to breadcrumb
   */
  if ($('.PageTitle').length > 0) {

    $('.Breadcrumbs').eq(0).append('<span class="no_upper">: ' + $('.PageTitle h1').eq(0).text() + '</span>');
  }

.no_upper {
    text-transform: initial !important;
    font-size: 12px
}

Andrew76

Perfect! Thanks a mil. 😊

iLikeWaffles

// Homepage title fix - js

if (document.title == "Now Yer Talkin'") {
	document.title = "Now Ye're Talkin'";
}

iLikeWaffles

Homepage layout seems to have changed a little.

Fix: might suit you better for a slightly larger padding, like 6px 8px. vertical align: middle makes all the difference here.

https://pastebin.com/UXk71ijE

28064212

https://www.boards.ie/discussion/comment/117674455#Comment_117674455

I've posted my all-in-one here: https://www.boards.ie/discussion/2058202721/boardsie-enhancement-suite. Includes some extra features on top of plain CSS, and you'll only need to install it once, your userscript manager should auto-update it after that

iLikeWaffles

Very messy this one, band aid on a gapping wound. Think a margin might have been added to user info messed it up further, hard to keep track.

Not perfect but looks a bit better, missing the links from the mods forums still unfortunately, very useful shortcut.

https://pastebin.com/w7jUukKQ

iLikeWaffles

/* quick and dirty dark theme */

html {

  filter: invert(1) hue-rotate(44deg) saturate(70%); 

  /* saturate 0-100%, grayscale to full colour */

}

/* revert images and undo filter effects, video, svg etc */

img, picture, video, svg, .vanilla-11yh8xq-insertEmoji {

  filter: invert(1) hue-rotate(316deg) saturate(100%);

}

Not the most ideal way to do it as it can inherit issues with UI elements inverting the whole html such as images which is why anything tagged "img" or "svg" etc gets undone, some things may look weird like the highlight-color. The filter property is a nice way to mess with elements as you can also apply animation to a filter, if you wish, to make a button or icon change colour etc when a mouse hovers over for instance. There is a whole lot you can do with "filter".

iLikeWaffles

Will probably be a few more that will need to be added to the revert the inversion.

/* quick and dirty dark theme */

html {

  filter: invert(1) hue-rotate(44deg) saturate(70%); 

  /* saturate 0-100%, grayscale to full colour */

}

/* reinvert images and undo filter effects, video, svg etc */

img, picture, video, svg, , gif, .vanilla-11yh8xq-insertEmoji, span.InformSprite {

  filter: invert(1) hue-rotate(316deg) saturate(100%);

}

iLikeWaffles

fix for the out of place side navigation. from this...

to this...

https://pastebin.com/AjrSuSqR

Now Ye're Stylin'

joujoujou

Have you any idea what has recently changed that longer quotes are not fully visible anymore (must be clicked at) and hopefully workaround please? :-)

Andrew76

https://www.boards.ie/discussion/comment/117737937#Comment_117737937

Hasn't it been like that for a good while now? I actually prefer it in the absence of being able to quote parts of a post tbh, it's a pain having to see the entire quoted message when it's long.

fritzelly

Anyone using my code for the bolded unread threads - you need to remove it, they have actually implemented my code in to the site now

Gadgetman496

https://www.boards.ie/discussion/comment/117739437#Comment_117739437

Does that mean you are famous fritzelly? 😀

fritzelly

https://www.boards.ie/discussion/comment/117739479#Comment_117739479

LOL

They could have implemented all this stuff by various peeps on here a long time ago just by asking Vanilla to give them access to a custom css/js file while they wait for them to implement it into the core code - would have made a lot of people very happy

iLikeWaffles

https://www.boards.ie/discussion/comment/117739437#Comment_117739437

Guess I must be the only one still frantically refreshing and using home tabs to view the site. Can't stand the layout and style of "my discussions", will it work with "my threads"

fritzelly

https://www.boards.ie/discussion/comment/117739761#Comment_117739761

No but 28064212's add on does

GBX

What way can I increase the width of the page. I've a lot of white space on my new monitor now. Which lines of the code can I edit? (Thanks in advance 👍️)

GBX

I've installed the desktop suite from the other thread. Sorted now.

iLikeWaffles

Client side fix for " and & in thread titles

/**
 *  find all occurrences of escape characters and replace
 */

const regEx1 = new RegExp('"', "g");
const regEx2 = new RegExp('&', "g");


$(".threadlink-wrapper a").text(function () {
    return $(this).text().replace(regEx1 , '\"'); 
});


$(".threadlink-wrapper a").text(function () {
    return $(this).text().replace(regEx2 , '&'); 
});

post #22/30 on this page if it is loading slow still 9 more posts for a new page

iLikeWaffles

https://www.boards.ie/discussion/comment/117761842#Comment_117761842

issue:

result:

smuggler.ie

Some advise please...

Since resent, my CSS got partially effected by whatever changes boards/vanilla made

Per snap bellow Niamh's posts (only, so far i discovered) have this waste-space above her post body, does not effect any other user post.

What would be the cause?

Thanks

iLikeWaffles

Possibly .postbit-postdetails .postbit-postbody {}

fritzelly

Try adding !Important to the style

smuggler.ie

Thanks folks.

Only see your posts now - still have notification issues.

The odd things.

First - without any changes on my CSS all posts are displayed fine now, and with suspect of page not loaded properly i had browser restarted several times last night.

The .postbit-postdetails .postbit-postbody {} part was not on my code as standalone (it is as part of .Frame,.postbit-postdetails,.postbit-userinfo,.postbit-postbody{} ).

But that is not it

Once added with {margin-top: 100px} for testing it also push .postbit-userinfo witch was not the case , also, it effects all posts