Skip to content

is "night mode" shifting the forum several pixels up?

Solved Configure
8 2 2.5k 1
  • wrote on last edited by
    #1

    I was observing this in our forum for a very long time. Since nodebb community forum does not have night mode installed, I was not able to check there. However, if I click the night mode here, it looks like everything (including boxes, writings, bars, avatars, icons etc) is shifted a little bit up… It is only several pixels I guess, but definitely I can feel a difference before/after…

    Do you observe this or am I hallucinating? 😵 🤔

  • @phenomlab good to hear that I am not alone… 😄

    I do not know the reason for sure yet, but I will report here if I can find a clue…

    wrote on last edited by
    #4

    @crazycells Should be fixed now. Was being caused by some missing margins (left and right) and an odd border: none; setting which should not have been there. If you alternate between the two now, it should look correct.

  • I was observing this in our forum for a very long time. Since nodebb community forum does not have night mode installed, I was not able to check there. However, if I click the night mode here, it looks like everything (including boxes, writings, bars, avatars, icons etc) is shifted a little bit up… It is only several pixels I guess, but definitely I can feel a difference before/after…

    Do you observe this or am I hallucinating? 😵 🤔

    wrote on last edited by
    #2

    @crazycells no, you’re not hallucinating. I’ve noticed this myself and need to fix it. I’m suspecting rogue padding or margin somewhere.

  • @crazycells no, you’re not hallucinating. I’ve noticed this myself and need to fix it. I’m suspecting rogue padding or margin somewhere.

    wrote on last edited by
    #3

    @phenomlab good to hear that I am not alone… 😄

    I do not know the reason for sure yet, but I will report here if I can find a clue…

  • @phenomlab good to hear that I am not alone… 😄

    I do not know the reason for sure yet, but I will report here if I can find a clue…

    wrote on last edited by
    #4

    @crazycells Should be fixed now. Was being caused by some missing margins (left and right) and an odd border: none; setting which should not have been there. If you alternate between the two now, it should look correct.

  • phenomlab phenomlab has marked this topic as solved on
  • @crazycells Should be fixed now. Was being caused by some missing margins (left and right) and an odd border: none; setting which should not have been there. If you alternate between the two now, it should look correct.

    wrote on last edited by
    #5

    @phenomlab yes, it is fixed. is this the code I should use?

    body.lights-out {
    border: none;
    }
    
    
  • @phenomlab yes, it is fixed. is this the code I should use?

    body.lights-out {
    border: none;
    }
    
    
    wrote on last edited by
    #6

    @crazycells You should actually remove the border: none;

  • @crazycells You should actually remove the border: none;

    wrote on last edited by
    #7

    @phenomlab said in is "night mode" shifting the forum several pixels up?:

    @crazycells You should actually remove the border: none;

    how can I remove it?

    Should I edit the plugin and install the modified one?

  • @phenomlab said in is "night mode" shifting the forum several pixels up?:

    @crazycells You should actually remove the border: none;

    how can I remove it?

    Should I edit the plugin and install the modified one?

    wrote on last edited by
    #8

    @crazycells hmm. Good point. I actually use my own version of the dark mode plugin, so not entirely sure. However, I think the CSS is probably the same. I’m not at my PC currently but can check and advise later.


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • Spam spam spam

    Solved Configure nodebb
    6
    2 Votes
    6 Posts
    3k Views
    phenomlab
    @Panda said in Spam spam spam: ok, yes Ive seen the queue, it shows IP, but doesnt have a field for comments from registrant. It’s not designed for that. It merely serves as a gateway between posts appearing on your form or not. @Panda said in Spam spam spam: It would be better if nodebb had this plugin included in ACP list, as not only then do you know its approved and should work, but many people cant or dont want to use CLI on the server That’s a question for the NodeBB devs but in all honesty you can’t not use the CLI when installing nodebb so to be this isn’t a big deal.
  • Test of youtube embeds

    Solved Configure nodebb
    14
    11 Votes
    14 Posts
    5k Views
    Sampo2910
    @phenomlab Perfect!!! Many thanks.
  • What is this bar called?

    Solved Customisation nodebb
    92
    1
    36 Votes
    92 Posts
    41k Views
    DownPW
    This is good
  • Why CSS acts different in Desktop?

    Bugs nodebb
    11
    4 Votes
    11 Posts
    4k Views
    phenomlab
    @DownPW I’d have to agree with that.
  • Can you adjust Admin settings on your NodeBB?

    Bugs nodebb
    5
    0 Votes
    5 Posts
    2k Views
    phenomlab
    @Panda as, yes, now I understand and that makes 100% sense. It means those who get down voted can still have an opinion and use common services. And yes, you’re right. Rather than down vote, just ignore if you don’t agree.
  • 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.
  • NodeBB: The global Search option

    Solved Configure search nodebb
    5
    0 Votes
    5 Posts
    1k Views
    phenomlab
    @mventures Yes, exactly. The other icon will restart NodeBB whilst the first icon I referenced will rebuild (recompile) it. The huge strength of NodeBB over Flarum (for example) is that the code is precompiled, and called once at boot. PHP’s code has to repeatedly reload code from source making it much slower.
  • Adjusting the size of boxes in posts-list class

    Solved Customisation nodebb
    3
    3 Votes
    3 Posts
    2k Views
    crazycells
    @phenomlab thanks a lot, this combination works best .posts-list .posts-list-item .content { overflow: auto; max-height: 600px; }