Skip to content
Sudonix

Switch between list and card view function

Moved Let's Build It

Related Topics
  • Salaundefined

    Widget | CSS customization

    Solved WordPress
    53
    17 Votes
    53 Posts
    3k Views
    phenomlabundefined

    @Sala the only way you can achieve this is to use a robots.txt file and disallow access to those links.

  • phenomlabundefined

    Create a dynamic category list

    Moved Let's Build It
    16
    14 Votes
    16 Posts
    1k Views
    phenomlabundefined

    Hmm - seems I never committed this code. I’ll do that now…

    EDIT - here it is

    https://github.com/phenomlab/category-list/tree/main

  • Salaundefined

    Fixing YouTube videos css

    Solved WordPress
    8
    2 Votes
    8 Posts
    512 Views
    Salaundefined

    @phenomlab It looks good, but not anymore. I’ve already lost so much time. Now it’s time to move on

  • DownPWundefined

    hover link effect

    Solved Customisation
    18
    6 Votes
    18 Posts
    1k Views
    phenomlabundefined

    @DownPW Looking at the underlying code, class start is being added on hover by jQuery in this function

    document.querySelectorAll(".button-gradient, .button-transparent").forEach((button) => { const style = getComputedStyle(button); const lines = document.createElement("div"); lines.classList.add("lines"); const groupTop = document.createElement("div"); const groupBottom = document.createElement("div"); const svg = createSVG( button.offsetWidth, button.offsetHeight, parseInt(style.borderRadius, 10) ); groupTop.appendChild(svg); groupTop.appendChild(svg.cloneNode(true)); groupTop.appendChild(svg.cloneNode(true)); groupTop.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); lines.appendChild(groupTop); lines.appendChild(groupBottom); button.appendChild(lines); button.addEventListener("pointerenter", () => { button.classList.add("start"); }); svg.addEventListener("animationend", () => { button.classList.remove("start"); }); }); })

    The CSS for start is below

    .button-gradient.start .lines svg, .button-transparent.start .lines svg { animation: stroke 0.3s linear; }

    And this is the corresponding keyframe

    @keyframes stroke { 30%, 55% { opacity: 1; } 100% { stroke-dashoffset: 5; opacity: 0; } }

    It’s using both CSS and SVG, so might not be a simple affair to replicate without the SVG files.

  • DownPWundefined

    Multiple link on one ico non Navbar

    Solved Customisation
    7
    2 Votes
    7 Posts
    526 Views
    DownPWundefined

    yeah you’re right @phenomlab.
    Problem of NodeBB Version

  • DownPWundefined

    Bug Navbar CSS

    Solved Customisation
    3
    1 Votes
    3 Posts
    362 Views
    DownPWundefined

    Not better way.

    Thanks.

  • DownPWundefined

    [NODEBB] CSS Style Sheets SelectBox

    Locked Solved Customisation
    112
    24 Votes
    112 Posts
    14k Views
    phenomlabundefined

    @DownPW as discussed in PM

    Seems to have been solved with the new JS code that you added allowing the version CSS file change!!

    Cache problem therefore with the JS of the Switcher theme

    Based on this, I will close this thread and reference
    https://sudonix.com/topic/207/nodebb-help-for-my-custom-css/27

  • phenomlabundefined

    Minor cosmetic layout chages

    Announcements
    4
    0 Votes
    4 Posts
    341 Views
    JACundefined

    @phenomlab said in Minor cosmetic layout chages:

    @jac I like a challenge 🤣

    😆😆👏🏻