Skip to content

Why CSS acts different in Desktop?

Bugs
11 3 3.9k 1
  • wrote on last edited by
    #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)?

    wrote on last edited by phenomlab
    #2

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

  • wrote on last edited by
    #3

    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

    wrote on last edited by
    #4

    @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 ?

    wrote on last edited by Panda
    #5

    @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

    wrote on last edited by
    #6

    @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

    wrote on last edited by phenomlab
    #7

    @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.

  • wrote on last edited by DownPW
    #8

    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

    wrote on last edited by
    #9

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

  • wrote on last edited by
    #10

    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.

    wrote on last edited by
    #11

    @DownPW I’d have to agree with that.


Related Topics
  • Custom Page - nodebb

    Solved Customisation custom-pages nodebb
    13
    2
    5 Votes
    13 Posts
    3k Views
    DownPW
    I’m happy to see this
  • External Links - New Window

    Solved Customisation nodebb links settings
    8
    2 Votes
    8 Posts
    2k Views
    phenomlab
    @Sampo2910 search the forum here for ogproxy which is the client side version of that plugin I wrote. It’s in use here on this forum.
  • Further Widgets question

    Solved Configure nodebb
    4
    1
    1 Votes
    4 Posts
    2k Views
    phenomlab
    @Panda category is for a category in its own, so for example, “fruit” whereas categories is the page that contains all categories as a list.
  • Setting up a beta NodeBB v3 environment

    Moved Let's Build It nodebb upgrades beta1
    14
    3
    11 Votes
    14 Posts
    6k Views
    phenomlab
    @dave1904 excellent news. Thanks for the feedback
  • restarting nodebb on boot

    Unsolved Configure nodebb
    3
    1 Votes
    3 Posts
    2k Views
    phenomlab
    @eeeee said in restarting nodebb on boot: can I just run nodebb under nodemon for auto restarts? It’s a better method. Nodemon just looks for file system changes and would effectively die if the server was rebooted meaning you’d have to start it again anyway. Systemd is the defacto standard which is how the operating system interacts in terms of services, scheduled tasks etc.
  • NodeBB v3 and Harmony Theme

    Discussion nodebb theme
    22
    13 Votes
    22 Posts
    12k Views
    phenomlab
    Been playing with the user profile page this afternoon. Thought I’d post a video as I’m really pleased with how this came out profile-screen-capture.webm
  • Custom badges

    Solved Customisation nodebb
    103
    2
    49 Votes
    103 Posts
    60k Views
    DownPW
    Perfect
  • 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.