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
  • CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    6
    2
    3 Votes
    6 Posts
    3k Views
    phenomlab
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • nodebb-user-level customisation : popover element

    Solved Customisation css user level plugin custom
    15
    6 Votes
    15 Posts
    5k Views
    DownPW
    No no, I said that in the sense that he told me it was simple ^^ I was able to see that this was not the case by targeting the elements he had advised me.
  • Quote design CSS

    Solved Customisation css quote
    15
    1
    4 Votes
    15 Posts
    6k Views
    phenomlab
    @DownPW yes, that does make sense actually. I forgot to mention the layout of Sudonix is custom so that would have an impact on the positioning. Good spot
  • 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
  • Border Frame WYSIWYG CSS

    Solved Customisation css wysiwyg
    6
    1
    2 Votes
    6 Posts
    2k Views
    phenomlab
    @DownPW just circling back to this, as I did eventually find the class. Seems you can disable the outline using the below CSS textarea { outline: none; }
  • Discourse Design Change

    Customisation design change css html
    25
    7 Votes
    25 Posts
    10k Views
    RiekMedia
    @phenomlab okay