DIY Desktop Site Customisation - Use at own risk

smuggler.ie · 23-07-2021 05:38PM

How could i make time on post banner to be in 24h format?

fritzelly · 23-07-2021 05:39PM

This comment will go to a new page - so will help out

Hotblack Desiato · 23-07-2021 05:46PM

Having the full date and time on every post was just a CSS change - I have it and I'm not running any custom JS.

smuggler.ie · 23-07-2021 05:49PM

Have it too, but would prefere 24h if posible

Overheal · 23-07-2021 05:52PM

https://boards.ie/discussion/comment/117653205#Comment_117653205

This makes sense. In the long run it will bring stability, short term it slows everything down when you and your outsource are on different continents.

Overheal · 23-07-2021 05:53PM

Yeah the codeblocks or something is definitely crashing out this page .

archfi · 23-07-2021 05:57PM

https://boards.ie/discussion/comment/117653349#Comment_117653349

Sorry smuggler, couldn't reply to your post on previous page, virtually impossible as page freezes browser completely with the codeblock formatting!

I have that as well but with css only.

smuggler.ie · 23-07-2021 05:58PM

If anyone interested, allow to mod react button colours

.Reactions .ReactButton.Quote,

.Reactions .ReactButton.ReactButton-Like,

.Reactions .FlagMenu.ToggleFlyout {

width:69px!important;

height:30px!important;

background:linear-gradient(#fdfdfd,#d8d8d8);

border:1px solid #d8d8d8;

display:flex!important;

justify-content:center!important;

margin:4px!important

}

.Reactions .ReactButton:hover,

.Reactions .FlagMenu.ToggleFlyout:hover {

background:#3c5587;

color:#fff

}

smuggler.ie · 23-07-2021 06:01PM

https://boards.ie/discussion/comment/117653384#Comment_117653384

HAve same, many times had to close page and open fresh to complete post from draft. Not sure what cause - code or draft

archfi · 23-07-2021 06:03PM

https://boards.ie/discussion/comment/117653402#Comment_117653402

It's definitely using codeblock formatting!

This page was flying :)

smuggler.ie · 23-07-2021 06:05PM

Please see my small compilation, from all above and few my own discoveries. Dont judge to strict - first time ever....

Current_in_Use CSS.txt

smuggler.ie · 23-07-2021 06:08PM

Not sure what happent, was clicking away and this loaded.

Ingnore, it was link in notification

fritzelly · 23-07-2021 06:22PM

https://boards.ie/discussion/comment/117653349#Comment_117653349

Bit hacky

$(".postbit-header time").each(function(index) {

dt=new Date($(this).attr("datetime")).toString()

$(this).text(dt.substring(0,21))

});

smuggler.ie · 23-07-2021 06:29PM

https://boards.ie/discussion/comment/117653483#Comment_117653483

Thanks @fritzelly . 😵😵🤪 what should i do with this one 😀

It does not resemble CSS, perhasp JS but i am not ready for it yeat :D

fritzelly · 23-07-2021 06:31PM

https://boards.ie/discussion/comment/117653510#Comment_117653510

Its JS

el Fenomeno · 23-07-2021 06:46PM

https://boards.ie/discussion/comment/117653519#Comment_117653519

Fritz, any chance you could share your full CSS and JS texts? I'm going to defer to your expertise and just copy what you have!

fritzelly · 23-07-2021 07:21PM

https://boards.ie/discussion/comment/117653569#Comment_117653569

https://github.com/fritzelly/boards.ie

smuggler.ie · 23-07-2021 07:36PM

This allow to set text colour on hover Flag button, however, can figure out yellow and green for other two

.Reactions .ReactButton:hover,

.FlagMenu.ToggleFlyout:hover .ReactButton-Flag { color:red!important}

fritzelly · 23-07-2021 07:43PM

Little one - change external links to normal links, no more Leaving Site... pages

$(".Message.userContent > p a").each(function(index) {

realurl=$(this).attr("href").replace("/home/leaving?allowTrusted=1&target=","")

realurl=decodeURIComponent(realurl)

$(this).attr("href",realurl);

})

smuggler.ie · 23-07-2021 08:17PM

tweak to code() to let reaction buttons to drop to bottom in oneliner posts

.Reactions { padding: 0 !important; margin: 0 !important; margin-right: 10px !important; position: ~~unset~~ absolute !important; float: right !important;}

before

after

Edit: had to tweak it once more as it introduced another problem - works fine if poster has signature setup, but long text line or big image/quote flow behind buttons if not set. Bellow covers all i think

.Reactions { padding: 0 !important; margin: 0 !important; margin-right: 10px !important; position: relative !important; float: right !important;}

smuggler.ie · 23-07-2021 10:45PM

@fritzelly , or anyone, chance you could assist to get it working properly?

.ReactButton-Like:after {

content: "Thanks";

position: absolute;

display: block;

color: black; /*need to match others*/

top: 5px; /* ? */

left: 15px; /*need to acomodate count number, could be ???*/

}

fritzelly · 23-07-2021 10:52PM

https://boards.ie/discussion/comment/117654442#Comment_117654442

What do you want to happen?

smuggler.ie · 23-07-2021 10:56PM

look at my "like" button

smuggler.ie · 23-07-2021 10:57PM

that is after #2 attempt

.ReactButton-Like {

text-indent: -9999px;

line-height: 0; }

.ReactButton-Like::after

{

content: "Thanks";

text-indent: 0;

display: block;

line-height: initial;

smuggler.ie · 23-07-2021 11:01PM

neither of versions are working the way intended due to lack of my coding knowledge 😀

fritzelly · 23-07-2021 11:07PM

Ok I've had a few drinks but what am I missing?

smuggler.ie · 23-07-2021 11:09PM

😁 cheers!

fritzelly · 23-07-2021 11:11PM

What do you want to do? Make it wider so it fits the icon and count?

smuggler.ie · 23-07-2021 11:13PM

https://boards.ie/discussion/comment/117654515#Comment_117654515

whatever it will take to get rid of "like" keeping count

fritzelly · 23-07-2021 11:17PM

https://boards.ie/discussion/comment/117654518#Comment_117654518

Think I get you - when you click the button the text reverts

No easy way round it as the JS routine keeps resetting so you would need to remove all events on the button whilst still maintaining the ajax request to the server to update the Likes - lotta work

DIY Desktop Site Customisation - Use at own risk

Comments