Skip to content

Why CSS acts different in Desktop?

Bugs
11 3 2.9k 1
  • Disclaimer, I’m not a CSS fan. But others on this site are more CSS aware, so I ask this general question.
    The Admin side panel on NodeBB vanishes in Desktop mode on mobile. What could be happening to cause that?

    Its an issue Ive raised on NodeBB site a few times now but its one of those topics that has been ignored.
    I thought if I could propose why this is happening, it might help get a fix.
    I dont see why it would be so different. Admin side panel works on Desktop, and on mobile (mobile view), so why not mobile (Desktop view)?

  • Disclaimer, I’m not a CSS fan. But others on this site are more CSS aware, so I ask this general question.
    The Admin side panel on NodeBB vanishes in Desktop mode on mobile. What could be happening to cause that?

    Its an issue Ive raised on NodeBB site a few times now but its one of those topics that has been ignored.
    I thought if I could propose why this is happening, it might help get a fix.
    I dont see why it would be so different. Admin side panel works on Desktop, and on mobile (mobile view), so why not mobile (Desktop view)?

    @Panda What theme are you using? I’m not familiar with a side panel in the admin console. Can you provide a screenshot?

  • It happens in all themes, if you go into Admin, then click the top left menu (3 lines button) the side panel extends out but is blank

    Screenshot_20230622_174252_Chrome.jpg

  • It happens in all themes, if you go into Admin, then click the top left menu (3 lines button) the side panel extends out but is blank

    Screenshot_20230622_174252_Chrome.jpg

    @Panda Sorry - understood now - but why would you want to use Desktop Mode on a mobile ?

  • @Panda Sorry - understood now - but why would you want to use Desktop Mode on a mobile ?

    @phenomlab
    2 situations-
    i) as my tablet defaults to it
    ii) some things cant be altered in Admin, on mobile in mobile view 😞

    That aside, why should panel be blanks just because of the browser view?
    Its quite an annoying bug, if you ever need to do any admining on the move!

    Out of interest, can you replicate this bug? Im wondering if it happens on iPhones too, I only have Android

  • @phenomlab
    2 situations-
    i) as my tablet defaults to it
    ii) some things cant be altered in Admin, on mobile in mobile view 😞

    That aside, why should panel be blanks just because of the browser view?
    Its quite an annoying bug, if you ever need to do any admining on the move!

    Out of interest, can you replicate this bug? Im wondering if it happens on iPhones too, I only have Android

    @Panda You make some good points here - I too often need to make changes on the move, but just “accepted” thaty some things (like widgets) can’t be manipulated on mobile devices.

    WordPress has always been like that incidentally.

  • @phenomlab
    2 situations-
    i) as my tablet defaults to it
    ii) some things cant be altered in Admin, on mobile in mobile view 😞

    That aside, why should panel be blanks just because of the browser view?
    Its quite an annoying bug, if you ever need to do any admining on the move!

    Out of interest, can you replicate this bug? Im wondering if it happens on iPhones too, I only have Android

    @Panda said in Why CSS acts different in Desktop?:

    Out of interest, can you replicate this bug? Im wondering if it happens on iPhones too, I only have Android

    Yes, I am able to replicate on Android, but on an iPhone, it behaves differently in the sense that you request the desktop site, but it simply defaults to mobile.

  • Yep better to use ACP on Desktop. Not a bug., It is not made to be used on Mobile

  • Yep better to use ACP on Desktop. Not a bug., It is not made to be used on Mobile

    @DownPW it works for the most part, but anything that utilizes drag and drop like widgets is a non starter.

  • Yes sure, in landscape mode, it’s manageable but I think it’s more of a bonus than anything else.

  • Yes sure, in landscape mode, it’s manageable but I think it’s more of a bonus than anything else.

    @DownPW I’d have to agree with that.


Related Topics
  • 2 Votes
    94 Posts
    20k Views
    @willi@social.tchncs.de a VPS can be had from DigitalOcean or Vultr quite economically (although I know that isn’t always the case in some countries) You can also use our referral link for an account credit too!
  • 4 Votes
    7 Posts
    2k Views
    @phenomlab oh no, that is 1 cent on the video, but you are right, symbols are similar… I just converted it to $1 , since it is more intuitive in daily life…
  • Bug Report

    Solved Bugs nodebb bugs
    47
    1
    26 Votes
    47 Posts
    15k Views
    @crazycells Good points, thanks. I completely forgot that classes are added - makes life much simpler! EDIT - seems this is pretty straightforward, and only needs the below CSS .upvoted i { color: var(--bs-user-level) !important; } This then yields [image: 1718028529465-3f072f8a-ebfa-4910-8723-73c493b8e4eb-image.png] However, the caveat here is that the .upvoted class will only show for your upvotes, and nobody else’s. However, this does satisfy the original request however I would love to see my upvoted posts more clearly, because currently, when I upvote, nothing on the post tool is changing, it would be nicer if there is an indication that I have upvoted (like a filled or colored triangle?)
  • 2 Votes
    2 Posts
    829 Views
    @dave1904 that’s a really good point actually. I know it was there previously on Persona, but you’re right - no such function exists on harmony. However, putting something in place to mimick the behaviour of Persona won’t be hard from the js standpoint, although I wonder if perhaps we should ask the NodeBB developers is this feature was overlooked?
  • adding some console.log to Nodebb

    Solved Customisation nodebb
    4
    1 Votes
    4 Posts
    2k Views
    @eeeee if you’re using the console, you could try node app.js > app.log 2>&1 This would redirect stdout to a file named app.log and redirect stderr to stdout. I’m not sure about standard logging under NodeBB, but there is an error log located at logs/error.log. Failing that, you could always stop the NodeBB service then use ./nodebb dev from the console which would then provide debug output.
  • Gettin Erors NodeBB

    Solved Configure nodebb eror
    7
    0 Votes
    7 Posts
    2k Views
    @phenomlab no forum is working goods. there is no eror message since yestarday.
  • How to fix header side as boxed

    Solved Customisation header boxed sudonix nodebb
    10
    1
    6 Votes
    10 Posts
    3k Views
    @phenomlab yes it caused a problem for mobile users. thank you for helping …
  • Nodebb Hashtag plugin

    Solved General
    15
    1 Votes
    15 Posts
    4k Views
    @jac Great ! I’ll close this off.