Skip to content

Layout Issues/Transparency

Solved Bugs
5 2 2.2k 1
  • wrote on last edited by
    #1

    Hello,

    I am on Sudonix.org and have noticed the following issues and wanted to make sure you knew about them. See the screenshots. When starting a new post or replying to a post, the preview portion is transparent and doesn’t have a more solid background.

    It also looks like the tool bar for the editor is transparent as well.

    I hope this helps. Thank you!

    47f4013b-85c2-45d6-9b40-f92966a5c1af-image.png

    f2149efa-0cee-4f25-9c03-8f6789910720-image.png

  • Hello,

    I am on Sudonix.org and have noticed the following issues and wanted to make sure you knew about them. See the screenshots. When starting a new post or replying to a post, the preview portion is transparent and doesn’t have a more solid background.

    It also looks like the tool bar for the editor is transparent as well.

    I hope this helps. Thank you!

    47f4013b-85c2-45d6-9b40-f92966a5c1af-image.png

    f2149efa-0cee-4f25-9c03-8f6789910720-image.png

    wrote on last edited by
    #2

    @Madchatthew Expected, as I am re-doing the light theme. You can switch to another theme, and then back again which should hopefully resolve the issue.

  • @Madchatthew Expected, as I am re-doing the light theme. You can switch to another theme, and then back again which should hopefully resolve the issue.

    wrote on last edited by
    #3

    @phenomlab Sounds good. I just wanted to make sure nothing was broken and you weren’t aware of it. Thank you!

  • @phenomlab Sounds good. I just wanted to make sure nothing was broken and you weren’t aware of it. Thank you!

    wrote on last edited by
    #4

    @Madchatthew Does it work properly now?

  • @Madchatthew Does it work properly now?

    wrote on last edited by
    #5

    @phenomlab said in Layout Issues/Transparency:

    Does it work properly now?

    Yes, it does 🙂

  • phenomlab phenomlab marked this topic as a question on
  • phenomlab phenomlab has marked this topic as solved on

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
  • CTA banner for visitors

    Solved Bugs bug
    3
    1
    2 Votes
    3 Posts
    2k Views
    phenomlab
    @crazycells Yes, because of this code $(document).ready(function () { $(window).on('action:ajaxify.end', function (data) { if (config && config.uid > 0) { // User is logged in, so don't fire any message } else { // Insert content into the selected element var addAfterLastPost = $( "<div class='alert alert-warning alert-dismissible fade show' role='alert'>" + "<p><strong>Hello! It looks like you're interested in this conversation, but you don't have an account yet.</strong></p>" + "<p>Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, " + "and choose to be notified of new replies (ether email, or push notification). You'll also be able to save bookmarks, use reactions, and upvote to show your appreciation to other community members.</p>" + "<p>With your input, this post could be even better 💗"+ "<br><br>"+ "<a style='margin-right:5px;' component='topic/reply/guest' href='/register' class='fw-semibold btn btn-sm btn-warning'>Register</a>" + "<a component='topic/reply/guest' href='/login' class='fw-semibold btn btn-sm btn-info'>Log in</a>" + "<button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>" + "</div>" ); $('ul[component="topic"]').after(addAfterLastPost); } }); }); This was adopted into core as far as I know, so I’ve removed my manual code.
  • nodebb error logs

    Bugs nodebb
    6
    2
    4 Votes
    6 Posts
    2k Views
    ahmed
    I just wanted to ask because I don’t have much knowledge about the new installation. Thank you for the explanatory answer.
  • Getting Eror When Started NodeBB

    Solved Configure bug
    7
    1
    2 Votes
    7 Posts
    2k Views
    cagatay
    @phenomlab yes i did. i deleted one of plugin then it started to work normally.
  • Is NTFY working properly on iOS?

    Bugs
    10
    5 Votes
    10 Posts
    4k Views
    crazycells
    @phenomlab thx, the same for us. It sees 1.7.3 as the last version although it is updated to 1.7.4… i will report this to @barisusakli
  • Bug Report

    Solved Bugs nodebb bugs
    47
    1
    26 Votes
    47 Posts
    20k Views
    phenomlab
    @crazycells Good points, thanks. I completely forgot that classes are added - makes life much simpler! EDIT - seems this is pretty straightforward, and only needs the below CSS .upvoted i { color: var(--bs-user-level) !important; } This then yields [image: 3f072f8a-ebfa-4910-8723-73c493b8e4eb-image.png] However, the caveat here is that the .upvoted class will only show for your upvotes, and nobody else’s. However, this does satisfy the original request however I would love to see my upvoted posts more clearly, because currently, when I upvote, nothing on the post tool is changing, it would be nicer if there is an indication that I have upvoted (like a filled or colored triangle?)
  • Rendering issues post migration to Sudonix theme/code

    Solved Bugs
    49
    1
    20 Votes
    49 Posts
    21k Views
    phenomlab
    @cagatay Those are in /admin/extend/widgets/brand header. Look inside the HTML widget that is there, and you’ll find <div class="socialicons"> <a class="btn-ghost p-2" href="https://github.com/phenomlab" rel="noreferrer noopener"><i style="color: #333;background: #ffffff; width: 26px" class="fa fa-2x fa-github-square"></i></a> <a class="btn-ghost p-2" href="https://linkedin.com/in/phenomlab" rel="noreferrer noopener"><i style="color: #0077B5;background: #ffffff; width: 26px" class="fa fa-2x fa-brands fa-linkedin-square"></i></a> <a class="btn-ghost p-2" href="https://twitter.com/phenomlab" rel="noreferrer noopener"><i style="color: #1DA1F2;background: #ffffff; width: 26px" class="fa fa-2x fa-twitter-square"></i></a> <!-- <a class="btn-ghost p-2" href="https://www.facebook.com/sudonixtech" rel="noreferrer noopener"><i style="color: #4268B2;background: #ffffff; width: 26px" class="fa fa-2x fa-facebook-square"></i></a> --> </div> Remove that block and save.
  • Nodebb 3.2.2

    Bugs nodebb 3.2.2
    27
    1
    11 Votes
    27 Posts
    11k Views
    phenomlab
    @crazycells yes, I’ve just seen that and modified the post. It seems to only happen if you have a space between the “greater than” symbol and the actual text. Clearly a markdown thing.
  • Issues with Imgur images in Fancybox chat module

    Bugs fancybox chat
    12
    1
    2 Votes
    12 Posts
    4k Views
    phenomlab
    @DownPW looks good to me.