Skip to content

Difficult to move posts now, on mobile.

Bugs
16 3 5.2k 1
  • @DownPW said in Difficult to move posts now, on mobile.:

    Yep in my dev env, popup background is transparent

    How do you achieve that? And can you click through transparent areas?

    wrote on last edited by DownPW
    #6

    @Panda

    Yep i select topic, topic tools, move topics and I have the transparent popup and I Can click through transparent area but I’m on an Android OS and it Can be different on IOS

  • @Panda

    Yep i select topic, topic tools, move topics and I have the transparent popup and I Can click through transparent area but I’m on an Android OS and it Can be different on IOS

    wrote on last edited by
    #7

    @DownPW ok!
    What and where do I put something to make the pop up transparent?

  • @DownPW ok!
    What and where do I put something to make the pop up transparent?

    wrote on last edited by
    #8

    @Panda why would you want it transparent ? It’s probably like this for us because we have heavily customized themes.

  • @Panda why would you want it transparent ? It’s probably like this for us because we have heavily customized themes.

    wrote on last edited by
    #9

    @phenomlab if I was understanding correctly, by making that pop-up transparent I can click through an area of it and get to the move post box that is currently hidden?

  • @phenomlab if I was understanding correctly, by making that pop-up transparent I can click through an area of it and get to the move post box that is currently hidden?

    wrote on last edited by Panda
    #10

    @Panda Also happy to do it the way you suggest, making the back box z-index higher.
    What would I type to do that?

  • @phenomlab if I was understanding correctly, by making that pop-up transparent I can click through an area of it and get to the move post box that is currently hidden?

    wrote on last edited by
    #11

    @Panda no, you wouldn’t be able to. The issue is z-index which is the stacking order of elements. The higher the value the higher the reference.

    For example, -1 means place under everything else. By default, the index figure is 1, so you’d need a much higher value to ensure it was always positioned over other elements.

  • @Panda Also happy to do it the way you suggest, making the back box z-index higher.
    What would I type to do that?

    wrote on last edited by
    #12

    @Panda said in Difficult to move posts now, on mobile.:

    What would I type to do that?

    I’ll provide some custom CSS for this once I’m in front of a pc.

  • wrote on last edited by
    #13

    Yes I understand the principal, just dont know how to make that CSS

  • wrote on last edited by DownPW
    #14

    Yep I have the same no transparency menu at first :

    8c593780-3263-48cf-9b7f-eb24e21592b6-image.png

    It’s just the popoup after select move topics who is transparent :

    12fb3015-a1a2-491a-9b78-56f641a4491f-image.png

    I have customcss code, maybe on your site this is not transparent.

    I solved the problem with this code (to be adapted to your environment) :

    /* BUGFIX: Popup topic tool transparency */
    .card {
      --bs-card-cap-bg: var(--bs-node-card-cap-bg);
      background-color: var(--bs-node-card-cap-bg);
    }
    

    RESULT :

    d4b6f923-d71b-4978-9bef-006aaac7fe03-image.png

  • wrote on last edited by DownPW
    #15

    Arf I just realized that we don’t have the same problem at all 😆
    In fact you don’t see the popup name “Move Topics” at all whereas I see it transparent

    The z-index solution suggested by Mark is indeed the correct solution I think

    Maybe this :

    .tool-modal {
        z-index: 1055;
    }
    
  • Arf I just realized that we don’t have the same problem at all 😆
    In fact you don’t see the popup name “Move Topics” at all whereas I see it transparent

    The z-index solution suggested by Mark is indeed the correct solution I think

    Maybe this :

    .tool-modal {
        z-index: 1055;
    }
    
    wrote on last edited by
    #16

    @DownPW Yes, it is. It’s set far too low meaning other elements with a higher preference will sit over the top of it.


Related Topics
  • Opening links in nodebb widget

    Solved Configure nodebb
    6
    4 Votes
    6 Posts
    3k Views
    phenomlab
    A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below <iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe> This works first time every time on your site as intended.
  • Rendering issues post migration to Sudonix theme/code

    Solved Bugs
    49
    1
    20 Votes
    49 Posts
    20k 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.
  • 4 Votes
    8 Posts
    2k Views
    phenomlab
    @Panda said in Upgrade to NodeBB v3? 2BB or not 2BB, that is the question!: So although thats a plugin it has Widget like element and stopped working on the Theme change Which is normal based on the widgets being reset when you change themes.
  • NodeBB v3 Chat Very Slow

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

    Solved Customisation nodebb blog customization
    20
    2
    8 Votes
    20 Posts
    7k Views
    phenomlab
    @pobojmoks Do you see any errors being reported in the console ? At first guess (without seeing the actual code or the site itself), I’d say that this is AJAX callback related
  • Recent Cards plugin customization

    Solved Customisation nodebb
    21
    1
    13 Votes
    21 Posts
    12k Views
    phenomlab
    @pobojmoks that’s easily done by modifying the code provided here so that it targets background rather than border In essence, the below should work $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { $('.recent-card-container').each(function(i) { var dataId = $(this).attr("data-cid"); var color = $('[role="presentation"]', this).css("background-color"); console.log("data-cid " + dataId + " is " + color); $('[data-cid="' + dataId + '"] .recent-card').attr("style", "background-color: " + color); }); }); });
  • 5 Votes
    9 Posts
    3k Views
    crazycells
    is there any way to see whose reputation is changed by this plugin?
  • FIXED: Annoying cosmetic bug on mobile view

    Moved Bugs bugs
    13
    3 Votes
    13 Posts
    4k Views
    phenomlab
    And now, after all this time I finally discovered that the CSS I previously referenced was for something else - and used the same CSS name, so I’ve had to reinstate this block .tab-content { max-height: 0; padding: 0 2em; color: #898989; background: #eeeeee; transition: all 0.35s; margin-top: -5px; } And, add this below to make it more specific. .emoji-tabs .tab-content { height: 100%; max-height: 100%; padding: 0; margin: 0; }