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,
Vanilla are planning an update to the site on April 24th (next Wednesday). It is a major PHP8 update which is expected to boost performance across the site. The site will be down from 7pm and it is expected to take about an hour to complete. We appreciate your patience during the update.
Thanks all.

DIY Desktop Site Customisation - Use at own risk

Options
135678

Comments

  • Options
    #62
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


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

    history of boards 2021




  • Options
    #63
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭fritzelly


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



  • Options
    #64
    Hotblack Desiato
    Registered Users Posts: 33,867 ✭✭✭✭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.

    Life ain't always empty.



  • Options
    #65
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


    Have it too, but would prefere 24h if posible

    image.png


    history of boards 2021




  • Options
    #66
    Overheal
    Registered Users Posts: 81,626 ✭✭✭✭Overheal


    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.



  • Advertisement
  • Options
    #67
    Overheal
    Registered Users Posts: 81,626 ✭✭✭✭Overheal


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



  • Options
    #68
    archfi
    Registered Users Posts: 4,565 ✭✭✭archfi



    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.

    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.



  • Options
    #69
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭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
    history of boards 2021




  • Options
    #70
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


    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

    history of boards 2021




  • Options
    #71
    archfi
    Registered Users Posts: 4,565 ✭✭✭archfi


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

    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
  • Options
    #72
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


    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


    history of boards 2021




  • Options
    #73
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


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

    Ingnore, it was link in notification

    image.png


    history of boards 2021




  • Options
    #74
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭fritzelly


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

    });



  • Options
    #75
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


    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

    history of boards 2021




  • Options
    #76
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭fritzelly


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


    Its JS



  • Options
    #77
    el Fenomeno
    Registered Users Posts: 3,106 ✭✭✭el Fenomeno


    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!



  • Options
    #78
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭fritzelly


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


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



  • Options
    #79
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭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}

    history of boards 2021




  • Options
    #80
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭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);

    })



  • Options
    #81
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭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

    image.png

    after

    image.png

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

    image.png


    Post edited by smuggler.ie on
    history of boards 2021




  • Advertisement
  • Options
    #82
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭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 ???*/

    }

    image.png


    history of boards 2021




  • Options
    #83
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭fritzelly


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


    What do you want to happen?



  • Options
    #84
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


    look at my "like" button

    image.png


    history of boards 2021




  • Options
    #85
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭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;

    history of boards 2021




  • Options
    #86
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


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

    history of boards 2021




  • Options
    #87
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭fritzelly


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



  • Options
    #88
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


    😁 cheers!

    image.png


    history of boards 2021




  • Options
    #89
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭fritzelly


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



  • Options
    #90
    smuggler.ie
    Registered Users Posts: 4,082 ✭✭✭smuggler.ie


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

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

    history of boards 2021




  • Advertisement
  • Options
    #91
    fritzelly
    Registered Users Posts: 17,245 ✭✭✭✭fritzelly


    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



Advertisement