Skip to content

Switch between list and card view function

Moved Let's Build It
107 4 56.6k 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
  • 3 Votes
    2 Posts
    2k Views
    DownPW
    Very great
  • navigation menu panel on mobile

    Solved Customisation nodebb css
    8
    1
    7 Votes
    8 Posts
    3k Views
    phenomlab
    @crazycells hmm. That’s odd. I haven’t made any changes from recollection but I could be wrong. I’ll need to check. EDIT - very strange. I honestly don’t recall adding the below CSS block to alter the bottom bar, but you’re right… .bottombar-nav { padding: 0px !important; } I’ve removed this so it reflects stock Harmony.
  • The theme came with space on left side

    Solved WordPress css
    7
    3 Votes
    7 Posts
    2k Views
    Sala
    @phenomlab yes it’s a different theme. The other one was not offering much on editable sidebar. It was like flarum hahah
  • 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
  • Quote design CSS

    Solved Customisation css quote
    15
    1
    4 Votes
    15 Posts
    6k Views
    phenomlab
    @DownPW yes, that does make sense actually. I forgot to mention the layout of Sudonix is custom so that would have an impact on the positioning. Good spot
  • answers appearance css code request

    Solved Customisation css answers
    11
    1
    1 Votes
    11 Posts
    4k Views
    phenomlab
    @DownPW yes, because of the modifications that Sudonix uses, you’ll need to tailor to fit your needs.
  • Fontawesome 5

    Unsolved Customisation fonts css nodebb
    14
    1 Votes
    14 Posts
    6k Views
    phenomlab
    @pwsincd hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?
  • 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.