Skip to content

Switch between list and card view function

Moved Let's Build It
107 4 58.2k 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
  • Extended functions for Q&A NodeBB plugin

    Let's Build It q&a panels cards
    3
    4
    5 Votes
    3 Posts
    3k Views
    DownPW
    Very good like always
  • Material View Support for Stock NodeBB

    Unsolved Let's Build It material view javascript css
    51
    4
    15 Votes
    51 Posts
    27k Views
    DownPW
    Oh yes, that’s what’s super cool, I learn something every day. Afterwards I start from so low in JS
  • 5 Votes
    2 Posts
    2k Views
    DownPW
    Nice. Very good tips Mark
  • 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
  • Reading Meter Progress bar

    Locked Solved Customisation css
    15
    1
    9 Votes
    15 Posts
    7k Views
    phenomlab
    For anyone else following this thread, please see https://sudonix.com/topic/467/issues-with-progress-bar-on-v3
  • Bug Navbar CSS

    Solved Customisation navbar css
    3
    1 Votes
    3 Posts
    2k Views
    DownPW
    Not better way. Thanks.
  • [NODEBB] CSS Style Sheets SelectBox

    Locked Solved Customisation css
    112
    24 Votes
    112 Posts
    65k Views
    phenomlab
    @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
  • 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.