Skip to content
Sudonix

CSS codes to prevent votes to disappear

Solved Customisation
3 2 1.4k 1
  • crazycells
    crazycells
    crazycells
    wrote on
    #1

    Hello, what would be the CSS codes to prevent voting panel (the one on the right bottom of the posts) to disappear in standard NodeBB? It is annoying that it disappears constantly 😄 You have them very good on sudonix…

    0
  • crazycells crazycells

    Hello, what would be the CSS codes to prevent voting panel (the one on the right bottom of the posts) to disappear in standard NodeBB? It is annoying that it disappears constantly 😄 You have them very good on sudonix…

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

    @crazycells Yeah, annoying, isn’t it? 🙂 This should stop that behaviour

    [component="post/actions"] {
    opacity: 1 !important;
}

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    👍
    1
  • phenomlab phenomlab has marked this topic as solved on
  • phenomlab phenomlab

    @crazycells Yeah, annoying, isn’t it? 🙂 This should stop that behaviour

    [component="post/actions"] {
    opacity: 1 !important;
}
    crazycells
    crazycells
    crazycells
    wrote on
    #3

    @phenomlab yes, it is 🙂 thanks a lot…

    0
Log in to reply

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

    Block Domain

    Solved Let's Build It code javascript block domain nodebb
    26
    1 Votes
    26 Posts
    11k Views
    DownPW
    Yes ogproxy too is functionnal on dev
  • dave1904

    Plugin to show images in teasers

    General nodebb teaser image plugin hook
    6
    1
    2 Votes
    6 Posts
    2k Views
    phenomlab
    @dave1904 I’d start by adding a console.log function to hookData so you can see what is being returned return hookData; console.log(hookData):
  • Panda

    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.
  • cagatay

    NodeBB v3 Chat Very Slow

    Moved Performance nodebb v3 nodebb chat
    47
    11 Votes
    47 Posts
    21k Views
    phenomlab
    @DownPW Seems fine.
  • cagatay

    Upgrade Problem from 2.8.3 to 2.8.4

    Solved Configure nodebb
    35
    1
    8 Votes
    35 Posts
    12k Views
    phenomlab
    @cagatay No, you can ignore that.
  • Panda

    Rotating homepage icons, gifs?

    Solved Configure nodebb
    2
    3 Votes
    2 Posts
    1k Views
    phenomlab
    @eveh It’s not a GIF, no. It’s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though The CSS for that is as below @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } Your milage may vary on the CSS below, as it’s custom for Sudonix, but this is the class that is used to control the rotate .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • DownPW

    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
  • 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; }