Skip to content

Switch between list and card view function

Moved Let's Build It
107 4 58.7k 1
  • Hi Mark, I am having some bugs on my laptop screen (Firefox , OS 13.6.4) , fyi…

    Screenshot 2024-03-08 at 16.54.34.png

    wrote on last edited by phenomlab
    #98

    @crazycells Thanks for reporting this. It’s fixed here, and should look like the below (you’ll need to reload the browser)

    b13b69f6-c6dd-4bed-8116-1a10532f1642-image.png

    This uses customised CSS when this viewport size is detected, and also needs to remove one of the tags to prevent them spilling out of the DIV

        [component="topic/tags"] a:nth-child(2) {
            display: none;
        }
    

    It’s a bit of a hack, but necessary to accommodate this screen size. Let me know if it looks good and I’ll commit it.

  • @crazycells Thanks for reporting this. It’s fixed here, and should look like the below (you’ll need to reload the browser)

    b13b69f6-c6dd-4bed-8116-1a10532f1642-image.png

    This uses customised CSS when this viewport size is detected, and also needs to remove one of the tags to prevent them spilling out of the DIV

        [component="topic/tags"] a:nth-child(2) {
            display: none;
        }
    

    It’s a bit of a hack, but necessary to accommodate this screen size. Let me know if it looks good and I’ll commit it.

    wrote on last edited by
    #99

    @phenomlab can you please check the borders agains? I think it is going well up until ~1290 px, but then, it is disrupted, and it is fixed again after ~1400 px

  • @phenomlab can you please check the borders agains? I think it is going well up until ~1290 px, but then, it is disrupted, and it is fixed again after ~1400 px

    wrote on last edited by

    @crazycells hmm. Thought that might happen. Let me have a look.

  • @phenomlab can you please check the borders agains? I think it is going well up until ~1290 px, but then, it is disrupted, and it is fixed again after ~1400 px

    wrote on last edited by

    @crazycells said in Switch between list and card view function:

    can you please check the borders agains? I think it is going well up until ~1290 px, but then, it is disrupted, and it is fixed again after ~1400 px

    Should be resolved now? Obviously, no site will cater for odd browser sizes or screen resolutions - that’s not a realistic expectation, but the issue you reported should be fixed.

  • @crazycells said in Switch between list and card view function:

    can you please check the borders agains? I think it is going well up until ~1290 px, but then, it is disrupted, and it is fixed again after ~1400 px

    Should be resolved now? Obviously, no site will cater for odd browser sizes or screen resolutions - that’s not a realistic expectation, but the issue you reported should be fixed.

    wrote on last edited by

    @phenomlab yes, it is fixed now 👍

  • @phenomlab yes, it is fixed now 👍

    wrote on last edited by

    @crazycells thanks. I’ll commit the updated css code over the next few days.

  • wrote on last edited by
  • wrote on last edited by

    hi @phenomlab , there is a bug when there is no reply on the topic… it says “no one has replied” but when the title is spanning two lines, then it overlaps… please see below…

    Screenshot 2024-03-30 at 22.36.26.png

    Screenshot 2024-03-30 at 22.36.17.png

  • hi @phenomlab , there is a bug when there is no reply on the topic… it says “no one has replied” but when the title is spanning two lines, then it overlaps… please see below…

    Screenshot 2024-03-30 at 22.36.26.png

    Screenshot 2024-03-30 at 22.36.17.png

    wrote on last edited by phenomlab

    @crazycells ok, thanks. I thought that might happen. Will resolve later.

    EDIT - just done it. It’s a bit rough perhaps as done in a hurry!

  • wrote on last edited by

Related Topics
  • Material View Support for Stock NodeBB

    Unsolved Let's Build It material view javascript css
    51
    4
    15 Votes
    51 Posts
    28k Views
    DownPW
    Oh yes, that’s what’s super cool, I learn something every day. Afterwards I start from so low in JS
  • Create a dynamic category list

    Moved Let's Build It dynamic categories api
    16
    3
    14 Votes
    16 Posts
    7k Views
    phenomlab
    Hmm - seems I never committed this code. I’ll do that now… EDIT - here it is https://github.com/phenomlab/category-list/tree/main
  • Bottom footer navbar button extend

    Solved Customisation css javascript customisation footer navbar
    32
    9 Votes
    32 Posts
    16k Views
    phenomlab
    @DownPW said in Bottom footer navbar button extend: Oh my god, it’s beautiful mark I liked this design so much, I’ve implemented it here. I intend to do a lot more with the footer in due course, so hiding it makes a lot of sense. Thanks @DownPW for the idea and initial concept
  • Blinking text Effect

    Customisation nodebb text effect css
    3
    5 Votes
    3 Posts
    2k Views
    DownPW
    @phenomlab I love it too @phenomlab said in Blinking text Effect: Has that “broken neon light” look that you see in films. It’s exactly that, kind of old neon signs of bar or pubs a bit cyberpunk too
  • [NodeBB] greeting message

    Solved Customisation css nodebb javascript
    2
    1
    3 Votes
    2 Posts
    2k Views
    phenomlab
    @pwsincd welcome to sudonix, and thanks for the comments. What your looking for is here https://sudonix.com/topic/195/nodebb-welcome-message/3?_=1648295651358
  • [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • Bug Navbar CSS

    Solved Customisation navbar css
    3
    1 Votes
    3 Posts
    2k Views
    DownPW
    Not better way. Thanks.
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.