Skip to content

chat list navbar

Solved Customisation
30 2 13.5k 1
  • @phenomlab

    I have a problem on my themes.

    Example I Have this on my css files :

    .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
        color: var(--first-color) !important;
    }
    

    But this code is not taken into account 😞

    7880cacd-d49c-4fda-99bc-bddc5967b06c-image.png

    if i change in dev console (in live) it’s ok

    Can you help me with that ?

    wrote on last edited by
    #20

    @DownPW this sounds more like a caching issue to me. Do you get the same thing in an incognito session ?

  • @DownPW this sounds more like a caching issue to me. Do you get the same thing in an incognito session ?

    wrote on last edited by
    #21

    @phenomlab said in chat list navbar:

    @DownPW this sounds more like a caching issue to me. Do you get the same thing in an incognito session ?

    yes 😞

  • @phenomlab said in chat list navbar:

    @DownPW this sounds more like a caching issue to me. Do you get the same thing in an incognito session ?

    yes 😞

    wrote on last edited by DownPW
    #22

    I just installed firefox and it’s the same so for me it’s not a cache problem

    Edit @phenomlab

    For example, in fortifem theme, the code is correctly interpreted but not on Nightprowler theme but the code is the same !

    Fortifem its’ ok :
    https://i.imgur.com/Y85sVBi.gif

    Night prowler is not Ok withe the same code as Fortifem (variable) :

    https://i.imgur.com/tWus88b.gif

    All the rest of theme is OK

  • I just installed firefox and it’s the same so for me it’s not a cache problem

    Edit @phenomlab

    For example, in fortifem theme, the code is correctly interpreted but not on Nightprowler theme but the code is the same !

    Fortifem its’ ok :
    https://i.imgur.com/Y85sVBi.gif

    Night prowler is not Ok withe the same code as Fortifem (variable) :

    https://i.imgur.com/tWus88b.gif

    All the rest of theme is OK

    wrote on last edited by
    #23

    @DownPW I’ll have a look at this tomorrow. Sounds like you have values being overridden somewhere

  • @DownPW I’ll have a look at this tomorrow. Sounds like you have values being overridden somewhere

    wrote on last edited by
    #24

    @phenomlab

    I got better and I think I understand a little more the problem

    I declared the code in the ACP (it was not the case yesterday - just in the CSS file yesterday) and it applies. Normal

    On the other hand, it only applies the code of the ACP and not that of the CSS file.

  • wrote on last edited by DownPW
    #25

    EDIT @phenomlab :

    I just tested by deleting the entire CSS file except the button code and it is taken into account.

    There is therefore a CSS variable which prevents the execution of the code, but from there to know which one 😲

  • wrote on last edited by
    #26

    EDIT2:

    I find it… 😵 👍

  • wrote on last edited by DownPW
    #27

    hi @phenomlab

    I have this little avatar mismatch in the chat menu (just in Full mode) but only some of my themes (exemple: Daystalker) and I can’t find what’s wrong.

    An idear mark?

    b113f15a-2d3c-4667-9d6a-1380a0b78383-image.png

  • wrote on last edited by DownPW
    #28

    Hmm I find it the problem is that :

    .chats-list>li {
      padding: 0.5em;
      height: 80px; 
    }
    
  • Hmm I find it the problem is that :

    .chats-list>li {
      padding: 0.5em;
      height: 80px; 
    }
    
    wrote on last edited by
    #29

    @DownPW yes, you may need to be more specific with the target. Let me know

  • wrote on last edited by
    #30

    No no it’s ok @phenomlab
    I just comment the 2 lines mentionned aboves 😉


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
  • navbar

    Solved Customisation navbar harmony
    2
    2 Votes
    2 Posts
    1k Views
    phenomlab
    Marking as resolved, based on https://community.nodebb.org/topic/18625/navbar/2
  • CSS border gradients

    Blog gradient border css
    10
    3
    2 Votes
    10 Posts
    3k Views
    cagatay
    ah f5 need
  • navigation menu panel on mobile

    Solved Customisation nodebb css
    8
    1
    7 Votes
    8 Posts
    3k Views
    phenomlab
    @crazycells hmm. That’s odd. I haven’t made any changes from recollection but I could be wrong. I’ll need to check. EDIT - very strange. I honestly don’t recall adding the below CSS block to alter the bottom bar, but you’re right… .bottombar-nav { padding: 0px !important; } I’ve removed this so it reflects stock Harmony.
  • Footer bar add center text

    Solved Customisation css
    41
    1
    8 Votes
    41 Posts
    20k Views
    DownPW
    @phenomlab said in Footer bar add center text: div#console-nav-tab Ah ok test with bottom: 0px !important; idem
  • Bottom footer navbar button extend

    Solved Customisation css javascript customisation footer navbar
    32
    9 Votes
    32 Posts
    16k 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
  • Bug Navbar CSS

    Solved Customisation navbar css
    3
    1 Votes
    3 Posts
    2k Views
    DownPW
    Not better way. Thanks.
  • 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.
  • CSS Help on my Flarum

    Solved Customisation
    5
    2
    2 Votes
    5 Posts
    3k Views
    phenomlab
    @mike-jones Yes, you’ll typically see this type of behaviour if there is another style that has higher priority in the sense that yours will be overridden. Using !important will override the higher preference, but should be used sparingly rather than everywhere.