Skip to content

New message CSS problem

Unsolved Customisation
11 2 4.1k 1
  • wrote on last edited by
    #1


    In the unread messages menu, when a new message is posted and the message “There is a new message. Click here to reload” appears, the “All topics” button is shifted below because there is no more space on the line.

    Is it possible to fix this by modifying for example the location of the button “There is a new message. Click here to reload” ?

    Thanks in advance


  • In the unread messages menu, when a new message is posted and the message “There is a new message. Click here to reload” appears, the “All topics” button is shifted below because there is no more space on the line.

    Is it possible to fix this by modifying for example the location of the button “There is a new message. Click here to reload” ?

    Thanks in advance

    wrote on last edited by
    #2

    @DownPW without checking the css, you could use nodebb-plugin-customize to modify the language used in order to reduce the text. I’ve done this successfully with the subscribe text.

    If you’d prefer a css solution, I’ll provide one.

  • @DownPW without checking the css, you could use nodebb-plugin-customize to modify the language used in order to reduce the text. I’ve done this successfully with the subscribe text.

    If you’d prefer a css solution, I’ll provide one.

    wrote on last edited by
    #3

    @phenomlab

    I prefer yes.
    I don’t like nodebb-plugin-customize

    I have test with position absolute but bof bof

  • @phenomlab

    I prefer yes.
    I don’t like nodebb-plugin-customize

    I have test with position absolute but bof bof

    wrote on last edited by
    #4

    @DownPW ok. Is this from your production site ?

  • wrote on last edited by
    #5

    yep yep mister

  • yep yep mister

    wrote on last edited by
    #6

    @DownPW Haven’t forgotten about this. I’ve created an account on your site so I can test out some code I have in mind.

  • yep yep mister

    wrote on last edited by
    #7

    @DownPW I get this when a new post arrives on your site

    8f4ff7b2-749a-4c0e-bee5-1fd87ba143e4-image.png

    It looks different (not the language used obviously) to the screenshot you posted - can you share a URL where this happens ? Also, what screen estate are you using ?

  • wrote on last edited by
    #8

    Hmm I think because you are in English Language and me French

  • Hmm I think because you are in English Language and me French

    wrote on last edited by
    #9

    @DownPW that’s a good point. However, I dont think that means 4 buttons in French and 3 in English?

  • wrote on last edited by
    #10

    tes. maybe rights pb

  • tes. maybe rights pb

    wrote on last edited by
    #11

    @DownPW hi. Sorry for digging up an old post, but I’m going through items still unresolved and was looking to get an understanding of where you are currently with this?


Related Topics
  • 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
  • Fixing YouTube videos css

    Solved WordPress css
    8
    2 Votes
    8 Posts
    3k Views
    Sala
    @phenomlab It looks good, but not anymore. I’ve already lost so much time. Now it’s time to move on
  • Bottom footer navbar button extend

    Solved Customisation css javascript customisation footer navbar
    32
    9 Votes
    32 Posts
    15k Views
    phenomlab
    @DownPW said in Bottom footer navbar button extend: Oh my god, it’s beautiful mark I liked this design so much, I’ve implemented it here. I intend to do a lot more with the footer in due course, so hiding it makes a lot of sense. Thanks @DownPW for the idea and initial concept
  • Blinking text Effect

    Customisation nodebb text effect css
    3
    5 Votes
    3 Posts
    2k Views
    DownPW
    @phenomlab I love it too @phenomlab said in Blinking text Effect: Has that “broken neon light” look that you see in films. It’s exactly that, kind of old neon signs of bar or pubs a bit cyberpunk too
  • [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
  • [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • 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
  • [NODEBB] CSS Style Sheets SelectBox

    Locked Solved Customisation css
    112
    24 Votes
    112 Posts
    63k 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