Skip to content

Rendering issues post migration to Sudonix theme/code

Solved Bugs
49 4 20.5k 1
  • wrote on last edited by cagatay
    #7

    Hi Mark
    I changed the color of bs card cap bg on light.css doc but the color changed other one and cant chage it my color to #e9e9e9

        --bs-card-cap-bg: #e9e9e9;
    

    How can i fix it, thank you.

    image.png

    32bb4381-94e9-4615-b48d-136f4a00a2f5-image.png

  • wrote on last edited by
    #8

    I fixed it 🙂

  • wrote on last edited by DownPW
    #9

    This means that the variable is also used for other elements.
    2 solutions:

    Find a color that works well for all elements
    Change the variable for problem items

    edit: oups

  • This means that the variable is also used for other elements.
    2 solutions:

    Find a color that works well for all elements
    Change the variable for problem items

    edit: oups

    wrote on last edited by
    #10

    @DownPW said in Rendering issues post migration to Sudonix theme/code:

    This means that the variable is also used for other elements.

    Exactly.

  • wrote on last edited by
    #11

    Hi
    How can i add topic author icon?

  • Hi
    How can i add topic author icon?

    wrote on last edited by
    #12
  • wrote on last edited by
    #13

    you can see the time section on home page,

    image.png

    but we go to the another page, the time section disappears adn only username written.
    how we can fix it?

    image.png

  • you can see the time section on home page,

    image.png

    but we go to the another page, the time section disappears adn only username written.
    how we can fix it?

    image.png

    wrote on last edited by phenomlab
    #14

    @cagatay In ACP->/admin/appearance/customise#custom-js locate the function with the description of

    Footer Greeting
    

    Delete these lines

        if (window.location.href.indexOf("topic") > -1) {
            //console.log("This is a topic, so hide the user welcome message");
           bar.removeClass('show');
        } else {
            $('.getUsername').prepend(themessage);
    
        }
    

    Remove the remark from

        //	$('.getUsername').prepend(themessage);
    

    So you have just

        $('.getUsername').prepend(themessage);
    

    Complete code

    // Footer Greeting
    $(window).on('action:ajaxify.end', function(data) {
        var bar = $('.reading-meter');
        function updateUsername() {
            $('.getUsername .username').text(app.user.username);
            $('.topicUsername').text(app.user.username);
        }
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', updateUsername);
        } else {
            updateUsername();
        }
        var thehours = new Date().getHours();
        var themessage;
        var morning = ('Good morning');
        var afternoon = ('Good afternoon');
        var evening = ('Good evening');
        var matched = false;
        $('#getConsent').attr("href", "/user/" + app.user.username + "/consent");
        if (thehours >= 0 && thehours < 12) {
            themessage = morning;
    
        } else if (thehours >= 12 && thehours < 17) {
            themessage = afternoon;
    
        } else if (thehours >= 17 && thehours < 24) {
            themessage = evening;
        }
        $('.getUsername').prepend(themessage);
    });
    

    That will enable the message again

    24fc2101-e750-463a-b150-e63559bb84f8-image.png

  • @cagatay In ACP->/admin/appearance/customise#custom-js locate the function with the description of

    Footer Greeting
    

    Delete these lines

        if (window.location.href.indexOf("topic") > -1) {
            //console.log("This is a topic, so hide the user welcome message");
           bar.removeClass('show');
        } else {
            $('.getUsername').prepend(themessage);
    
        }
    

    Remove the remark from

        //	$('.getUsername').prepend(themessage);
    

    So you have just

        $('.getUsername').prepend(themessage);
    

    Complete code

    // Footer Greeting
    $(window).on('action:ajaxify.end', function(data) {
        var bar = $('.reading-meter');
        function updateUsername() {
            $('.getUsername .username').text(app.user.username);
            $('.topicUsername').text(app.user.username);
        }
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', updateUsername);
        } else {
            updateUsername();
        }
        var thehours = new Date().getHours();
        var themessage;
        var morning = ('Good morning');
        var afternoon = ('Good afternoon');
        var evening = ('Good evening');
        var matched = false;
        $('#getConsent').attr("href", "/user/" + app.user.username + "/consent");
        if (thehours >= 0 && thehours < 12) {
            themessage = morning;
    
        } else if (thehours >= 12 && thehours < 17) {
            themessage = afternoon;
    
        } else if (thehours >= 17 && thehours < 24) {
            themessage = evening;
        }
        $('.getUsername').prepend(themessage);
    });
    

    That will enable the message again

    24fc2101-e750-463a-b150-e63559bb84f8-image.png

    wrote on last edited by
    #15

    @phenomlab thank you Mark.

  • wrote on last edited by
    #16

    The mentioned codes are not in my CSS, I think we solved this situation with the widget?

  • The mentioned codes are not in my CSS, I think we solved this situation with the widget?

    wrote on last edited by
    #17

    @cagatay said in Rendering issues post migration to Sudonix theme/code:

    The mentioned codes are not in my CSS, I think we solved this situation with the widget?

    Here :

    @phenomlab said in Rendering issues post migration to Sudonix theme/code:

    @cagatay In ACP->/admin/appearance/customise#custom-js

  • The mentioned codes are not in my CSS, I think we solved this situation with the widget?

    wrote on last edited by
    #18

    @cagatay said in Rendering issues post migration to Sudonix theme/code:

    The mentioned codes are not in my CSS, I think we solved this situation with the widget?

    This is not CSS - it’s JS, hence ACP->/admin/appearance/customise#custom-js

  • wrote on last edited by
    #19

    ah soryy for my mistake 🙂

  • ah soryy for my mistake 🙂

    wrote on last edited by
    #20

    @cagatay dog you get this working eventually?

  • @cagatay dog you get this working eventually?

    wrote on last edited by
    #21

    @phenomlab yes my friend, working correctly.

  • @phenomlab yes my friend, working correctly.

    wrote on last edited by
    #22

    @cagatay good. Thanks for confirming.

  • wrote on last edited by
    #23

    Can we ensure that the section I show in the picture can be hidden after the user reads it once?

    image.png

  • Can we ensure that the section I show in the picture can be hidden after the user reads it once?

    image.png

    wrote on last edited by
    #24

    @cagatay Not easily without modifying the function itself. The function will look for the end of the thread and append the banner there. It’s possible to place a cookie on the user’s machine, although they will need to dismiss the banner for that to be saved.

    One other immediate issue is that the cookie is browser session based, so you would need a unique identifier to determine if the message should be displayed or not - this essentially means that we test for the existence of a stored cookie on chat load and if we find a match, we hide the message.

    This will have an impact on performance if you have hundreds of chat messages available, and for that reason, I’d recommend not taking this route.

  • wrote on last edited by
    #25

    got the point Mark, thank you for your explanation.

  • wrote on last edited by
    #26

    Hi,
    How can i change those areas colors to white one?

    image.png


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.
  • Layout Issues/Transparency

    Solved Bugs bug reply transparent
    5
    2
    2 Votes
    5 Posts
    2k Views
    Madchatthew
    @phenomlab said in Layout Issues/Transparency: Does it work properly now? Yes, it does
  • "most votes" ranking option is not respecting the plugin

    Bugs nodebb
    5
    1
    3 Votes
    5 Posts
    2k Views
    phenomlab
    @crazycells Agreed. It takes a more sensible approach. Nobody ever upvotes the first post - it’s usually much further down as the conversation progresses.
  • Loading Image Problem

    Bugs hata bug
    24
    3
    6 Votes
    24 Posts
    11k Views
    cagatay
    Thank you Mark.
  • 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?)
  • 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.
  • Permission issues

    Solved Bugs
    8
    2 Votes
    8 Posts
    3k Views
    phenomlab
    @Panda I forked this topic out of the previous thread as it’s an issue in it’s own right. Having checked, I see the reason why [image: 06d082f0-6c7d-443b-98bc-94db5f3e5d0e-image.png] As you can see from the screenshot, category “Announcements” does not permit editing. This specific category was originally read only, which I then changed to members could reply. Looks like I forgot to add the right to edit Should be fixed now [image: a533d8ff-23f1-432e-a4a6-3d10cb05a46d-image.png]
  • NodeBB upgrade now cant post

    Solved Bugs nodebb
    5
    2 Votes
    5 Posts
    2k Views
    phenomlab
    @Panda yes, for some reason, that is the case. If you need an urgent response, it’s probably better to post here because of the time difference.