Skip to content

Switch between list and card view function

Moved Let's Build It
107 4 56.6k 1
  • wrote on last edited by
    #93

    worked thank you Mark.

  • wrote on last edited by
    #94

    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

  • 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
    #95

    @crazycells thanks. What resolution are you running?

  • @crazycells thanks. What resolution are you running?

    wrote on last edited by
    #96

    @phenomlab ~1285 px

  • wrote on last edited by
    #97

    @crazycells thanks. I’ll need to check this

  • 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
  • 2 Votes
    1 Posts
    639 Views
    No one has replied
  • 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 best css to customize our logo?

    Solved Customisation css
    2
    1 Votes
    2 Posts
    3k Views
    phenomlab
    @Sala This should look better .sidenav .navbar-brand { padding-top: 0.5rem; padding-bottom: 0.5rem; } [image: e5cec20e-be36-4ee8-9129-fd11ad4656ac-image.png] You can increase the top and bottom padding by increasing the values above.
  • CSS3: Gradient Generator

    Development css gradient
    1
    1 Votes
    1 Posts
    896 Views
    No one has replied
  • [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
  • Avatar on Topic Header

    Solved Customisation css avatar header
    9
    1
    0 Votes
    9 Posts
    3k Views
    JAC
    @jac said in Avatar on Topic Header: @downpw said in Avatar on Topic Header: Great Plugin I make it a bit cleaner via this CSS code: /*------------------------------------------------------------------*/ /*---------------- nodebb-plugin-browsing-users -----------------*/ /*------------------------------------------------------------------*/ /*Space between the avatar and the RSS icon */ .topic [component="topic/browsing-users"] { margin-bottom: -5px; padding-left: 10px; } /*Space between avatars*/ .pull-left { float: left!important; padding-right: 5px; } Do you have a screenshot of how this looks with the CSS change? Just added this change, thanks @DownPW
  • Bug Navbar CSS

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