Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi all! We have been experiencing an issue on site where threads have been missing the latest postings. The platform host Vanilla are working on this issue. A workaround that has been used by some is to navigate back from 1 to 10+ pages to re-sync the thread and this will then show the latest posts. Thanks, Mike.
Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

DIY Desktop Site Customisation - Use at own risk

245

Comments

  • Moderators, Computer Games Moderators Posts: 10,473 Mod ✭✭✭✭Andrew76


    Think I'm using a combination of CSS from different users here and it's made a huge difference, some JS too. I commented out the dark mode CSS as it doesn't seem to work outside of a thread and some sections are still white, so am just using Dark Reader for the time being. Overall the site on desktop is much better to use now.

    CSS:

    header {
        position: static !important
    }
    #themeHeader {
        display: none !important;
    }
    .Frame-content,
    .Breadcrumbs {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    [class^="vanilla-"][class$="-container-fullGutter-container-fullGutter-container-fullGutter"],
    .Breadcrumbs {
        max-width: unset !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .Container {
        max-width: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .Content.MainContent {
        width: 100% !important;
        flex-shrink: 0 !important;
    }
    .Panel-main {
        display: none !important;
    }
    .forum-threadlist-wrapper {
        margin-top: 0 !important;
    }
    .PageControls {
        float: unset !important;
        display: unset !important;
        margin: 0 !important;
    }
    .PageControls-filters,
    .PagerBefore,
    .NewDiscussion,
    .BoxNewDiscussion,
    .NumberedPager {
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
    }
    .PageControls-filters {
        width: 100% !important;
    }
    .InformMessages {
        left: auto !important;
        right: 0 !important;
    }
    
    
    /* threads */
    .postbit-message,
    .Message.userContent {
        padding: 0px !important;
        margin: 0px !important;
    }
    .postbit-message {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .postbit-message ~ br {
        display: none !important;
    }
    .postbit-userinfo br {
        display: none !important;
    }
    .postbit-userinfo {
        padding-top: 8px !important;
        height: 100% !important;
    }
    .ItemComment::after,
    .ItemComment::before,
    .MessageList::before,
    .MessageList::after {
        display: none !important;
    }
    .MessageList {
        margin-bottom: 0 !important;
    }
    .embedExternal {
        margin: 0 !important;
        width: 100% !important;
        clear: none !important;
    }
    .vanilla-d7cut4-collapsableContent-heightContainer {
        height: auto !important;
    }
    .vanilla-toe1gy-collapsableContent-gradient {
        opacity: 0 !important;
    }
    .vanilla-1vww8zj-collapsableContent-footer {
        display: none !important;
    }
    .Reactions {
        padding: 0 !important;
        margin: 0 !important;
        margin-right: 10px !important;
        position: unset !important;
        float: right !important;
    }
    .postbit-postbody .clearleft {
        clear: both !important;
    }
    .postbit-header time {
        visibility: hidden !important;
    }
    .postbit-header time::after {
        content: attr(title) !important;
        visibility: visible !important;
        position: absolute !important;
        left: 25px !important;
    }
    .bodybox-wrap {
        padding-left: 100px !important;
    }
    #latest + .Comment .postbit-header {
        font-weight: bold !important;
    }
    
    
    /* forums */
    .forum-threadlist-thread-lastpost {
        float: left !important;
    }
    .forum-threadlist-thread-lastposter {
        float: right !important;
        width: unset !important;
    }
    .Category {
        float: right !important;
    }
    .Frame-content .HomepageTitle {
        display: block !important;
    }
    .ReactButton.PopupWindow {
        display: none !important;
    }
    /* post number and url */
    .post_link_ref,
    .post_link_ref a {
        float: right;
        color: #fff;
        font-size: 12px;
    }
    /* highlight urls */
    .Item-Body a {
        text-decoration: underline !important
    }
    /* dark mode */
    /*
    .Frame,
    .postbit-postdetails,
    .postbit-userinfo,
    .postbit-postbody {
        background: #2f4050 !important;
        color: #dadcde
    }
    .Frame a {
        text-decoration: underline
    }
    #PagerAfter a:not(.LastPage),
    #PagerBefore a:not(.LastPage),
    h1,
    h2,
    .userinfo-username-title,
    .paragraphMenu1-formattingMenus-button {
        color: #dadcde !important
    }
    .atMention {
        color: #dadcde !important;
    }
    button#paragraphMenu1-formattingMenus-button {
        color: #fff;
    }
    .js-embed.embedResponsive * {
        background: rgb(62 81 117);
        color: #dadcde;
    }
    article a {
        color: #dadcde !important;
    }
    .ql-editor {
        background: rgb(62 81 117);
        color: #dadcde !important;
    }
    [id*="thanks_"] {
        background: #2f4050 !important;
        color: #dadcde !important
    }
    */
    


    JS:

    $(document).ready(function () {
        $(".ReactLabel").text(function (index, text) {
            if (text === 'Flag' || text === 'Quote' || text === 'Like') return '';
        });
    });
    $(".ReactButton-Like .Count").each(function (index) {
        postid = $(this).closest("li").attr("id")
        post_id = postid.split("_")
        post_id = post_id[1]
        $("<div id='thanks_" + post_id + "' style='margin-left: 246px !important;background:#fff;padding:10px;color:#c12525'>Thanks by: </div>").insertAfter($(this).closest(".postbit-wrapper"));
        $.ajax({
            url: "https://boards.ie/reactions/users/Comment/" + post_id + "/like?DeliveryType=VIEW",
            method: "GET",
            custom: post_id
        })
            .done(function (data, textStatus, jqXHR) {
                var postID = this.custom;
                $(data).find('li a').each(function (index) {
                    if ($(this).attr("title") != undefined) {
                        $('#thanks_' + postID).append($(this).attr("title") + ", ");
                    }
                })
            });
    });
    $(".ItemComment").each(function (index) {
        post_id = $(this).attr("id").split("_")
        $("<div class='post_link_ref'><a href='https://boards.ie/discussion/comment/" + post_id[1] + "#" + $(this).attr("id") + "'>" + post_id[1] + "</a></div>").appendTo($(this).find(".postbit-header"))
    });
    $(".forum-threadlist-table tr").each(function (index) {
        unread = $(this).find("strong.HasNew")
        if (unread.length < 1) {
            $(this).find(".threadbit-threadlink").removeClass("unread")
        }
    });
    




  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    @Inviere after testing your code on Stylus/FF. Unless its intended that way, your header scrolls up leaving crumbs floating. Apologies if wrong terminology

    to restore i have made comment of this code part... learning😉

    /*header {

      position: static !important

    }

    #themeHeader {

      display: none !important;

    }*/

    Post edited by smuggler.ie on


  • Registered Users, Registered Users 2 Posts: 5,617 ✭✭✭archfi


    Two little bits that were annoying me personally:

    Shifting the 'New Post' indicator to the left

    .HasNew {
       float: left !important;
       width: unset !important;
    }
    .threadbit-threadlink {
       margin-left: 10px !important;
    }
    

     Getting rid of the unclickable, useless oversized menu when you hover over a username - you can still click on username to go direct to profile or avatar to get the popup with links to profile/send message

    .user-tools {
        visibility: hidden !important;
    }
    

    The issue is never the issue; the issue is always the revolution.

    The Entryism process: 1) Demand access; 2) Demand accommodation; 3) Demand a seat at the table; 4) Demand to run the table; 5) Demand to run the institution; 6) Run the institution to produce more activists and policy until they run it into the ground.



  • Registered Users, Registered Users 2 Posts: 7,755 ✭✭✭Inviere


    Not sure, on my end the whole header floats - menu bar AND breadcrumb section. Not my code also, just a combination of what's been posted so far :)



  • Registered Users, Registered Users 2 Posts: 5,617 ✭✭✭archfi


    Something i've just read on one of the other Feedback threads just now has got me thinking.

    Someone asked could the full date/time on posts be reinstated and Mark from Boards replied saying it's on their list but they haven't got around to it.

    Now, I am not a web develeoper at all, I knew about CSS tangentially and knew briefly what it could do but never bothered with iot to improve sites to my liking - the past three weeks has changed that and the basics I've learned here are brilliant.

    BUT, can anyone who knows explain to me if changing CSS individually, which we all have don can reinstate the full date/time on posts, does changing the css within boards have some massive timeline or backend delays that last three weeks and counting? Does it need to be approved by vanilla or what?

    Has boards lost the ability to refine their own users interface/look without referring to the platform hoster all the time - is that the way it works?

    If not, I can't understand the massive delays to what appears to be snippets of css code??

    The issue is never the issue; the issue is always the revolution.

    The Entryism process: 1) Demand access; 2) Demand accommodation; 3) Demand a seat at the table; 4) Demand to run the table; 5) Demand to run the institution; 6) Run the institution to produce more activists and policy until they run it into the ground.



  • Registered Users, Registered Users 2 Posts: 5,617 ✭✭✭archfi


    PS I think this thread full of codeblocks is slowing down my browser!

    No other thread does that except if there is a codeblock on it.

    The issue is never the issue; the issue is always the revolution.

    The Entryism process: 1) Demand access; 2) Demand accommodation; 3) Demand a seat at the table; 4) Demand to run the table; 5) Demand to run the institution; 6) Run the institution to produce more activists and policy until they run it into the ground.



  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly



    The date time is not a CSS issue, it's a backend code issue - when they output the html they are only outputting the day and month, the workaround I posted earlier in a JS snippet


    And there is a definite issue with the code block



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    @archfi as it was mentioned by @fritzelly , on my learning curve, i am navigating in "Inspect (Q)" on FF. Under style editor tab there is "custom.css" - without having any knowledge in CSS coding can see some rules that could be linked to recent minor changes



  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly


    Boards have to request a change

    Vanilla approves and adds the change and also adds it to their core code for boards


    So yeah boards has given up control of the code even for something as insignificant as one line of css 



  • Advertisement
  • Registered Users, Registered Users 2 Posts: 5,617 ✭✭✭archfi


    Thanks for the explainer @fritzelly, my browser completely locked up when replying to your first reply

    That's quite astounding and explains somewhat the huge delay in rectifying many annoyances for users though not completely - by now, every single annoyance should have been sent to the place 5 hours behind to get fixed :)

    I think maybe posters here should 'un-code block' the stuff we've posted on thread - it's unbearable to navigate the thread now!

    The issue is never the issue; the issue is always the revolution.

    The Entryism process: 1) Demand access; 2) Demand accommodation; 3) Demand a seat at the table; 4) Demand to run the table; 5) Demand to run the institution; 6) Run the institution to produce more activists and policy until they run it into the ground.



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


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



  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly


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



  • Registered Users, Registered Users 2 Posts: 35,476 ✭✭✭✭Hotblack Desiato


    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.

    Scrap the cap!



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    Have it too, but would prefere 24h if posible




  • Registered Users, Registered Users 2 Posts: 85,046 ✭✭✭✭Overheal


    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.



  • Advertisement
  • Registered Users, Registered Users 2 Posts: 85,046 ✭✭✭✭Overheal


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



  • Registered Users, Registered Users 2 Posts: 5,617 ✭✭✭archfi



    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.

    The issue is never the issue; the issue is always the revolution.

    The Entryism process: 1) Demand access; 2) Demand accommodation; 3) Demand a seat at the table; 4) Demand to run the table; 5) Demand to run the institution; 6) Run the institution to produce more activists and policy until they run it into the ground.



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    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 .ReactButton:hover,

    .Reactions .FlagMenu.ToggleFlyout:hover {

     background:#3c5587;

     color:#fff

    }

    Post edited by smuggler.ie on


  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


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



  • Registered Users, Registered Users 2 Posts: 5,617 ✭✭✭archfi


    It's definitely using codeblock formatting!

    This page was flying :)

    The issue is never the issue; the issue is always the revolution.

    The Entryism process: 1) Demand access; 2) Demand accommodation; 3) Demand a seat at the table; 4) Demand to run the table; 5) Demand to run the institution; 6) Run the institution to produce more activists and policy until they run it into the ground.



  • Advertisement
  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


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




  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


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

    Ingnore, it was link in notification




  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly



    Bit hacky


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

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

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

    });



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    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



  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly




  • Registered Users, Registered Users 2 Posts: 3,323 ✭✭✭el Fenomeno


    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!



  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly




  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    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}



  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly


    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);

    })



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    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;}


    Post edited by smuggler.ie on


  • Advertisement
  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    @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 ???*/

    }




  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly




  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    look at my "like" button




  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    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;



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


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



  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly


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



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    😁 cheers!




  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly


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



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


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



  • Advertisement
  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly



    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



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    Button stays but either "like" breaking through in background(#1 code) or no count (#2)

    Cant get my head arrount how to keep count with "Thanks"

    poping "like" once hover over is annoying too



  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly


    Remove this - its doing nothing

    .ReactButton-Like {

    text-indent: -9999px;

      line-height: 0; }


    Add

    span.ReactLabel {

    display: none;

    }


    You'll need to set a width on the button to counter the extra text



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    Almost perfect , few side effects




  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly


    Yeah - you'll need to set a width on the anchor tag, 85 or 90px



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    Perfect!!!!, adjusted to a 100px and had to do ":after" for "Flag" as it still would not comeback. Thanks a lot




  • Advertisement
  • Registered Users, Registered Users 2 Posts: 17,669 ✭✭✭✭fritzelly


    If anyone's styling addon is no longer working it's because Boards redirect is now pushing www.boards.ie instead of boards.ie - you will need to edit the url



  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    can i pick your brain once again guys?




  • Moderators, Computer Games Moderators Posts: 10,473 Mod ✭✭✭✭Andrew76


    Thanks for mentioning that. Some of the JS I was using stopped working because of it, just added in the 'www' and it's back working again.


    Users had stopped showing but back now. 🙂




  • Registered Users, Registered Users 2 Posts: 4,188 ✭✭✭smuggler.ie


    @Andrew76 Users had stopped showing but back now. 🙂

    This one is cool, is there way to do it with CSS ? Thanks



  • Moderators, Computer Games Moderators Posts: 10,473 Mod ✭✭✭✭Andrew76


    No I don't think so. The code is by @fritzelly but looking at what it's doing - I'm pertty sure CSS can't do that.

    /Edit: I got from this post: https://www.boards.ie/discussion/comment/117647347#Comment_117647347



  • Advertisement
Advertisement