Skip to content

Difficult to move posts now, on mobile.

Bugs
16 3 5.2k 1
  • wrote on last edited by
    #3

    Yep in my dev env, popup background is transparent

  • Yep in my dev env, popup background is transparent

    wrote on last edited by Panda
    #4

    @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?

  • @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
    #5

    @Panda you can provided the index order places that specific element on the top.

  • @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
  • 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.
  • 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.
  • NodeBB: The global Search option

    Solved Configure search nodebb
    5
    0 Votes
    5 Posts
    1k Views
    phenomlab
    @mventures Yes, exactly. The other icon will restart NodeBB whilst the first icon I referenced will rebuild (recompile) it. The huge strength of NodeBB over Flarum (for example) is that the code is precompiled, and called once at boot. PHP’s code has to repeatedly reload code from source making it much slower.
  • Forum Icons NodeBB

    Solved Customisation icons forum nodebb
    13
    0 Votes
    13 Posts
    5k Views
    phenomlab
    @cagatay That matches what I see [image: 4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png]
  • Adding fileWrite to nodebb code

    Solved Configure nodebb
    16
    1
    5 Votes
    16 Posts
    5k Views
    phenomlab
    @eveh this might be a question for the NodeBB Devs themselves. In all honesty, I’m not entirely sure without having to research this myself.
  • 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; }
  • [NodeBB] Import custom Font

    Solved Customisation custom fonts nodebb css
    12
    3 Votes
    12 Posts
    5k Views
    phenomlab
    @cagatay you’ll need to define this in the body tag (or another element if you want greater or more granular targets) - for example body { font-family: "Poppins"; font-size: 16px; } Essentially, you use the font-size CSS directive.
  • NodeBB metadata

    Solved Configure nodebb
    4
    2 Votes
    4 Posts
    2k Views
    JAC
    @phenomlab said in NodeBB metadata: @jac Are you sure ? https://www.google.co.uk/search?q=site%3Astockportcounty.fans&sxsrf=AOaemvLwnaZL-PliU_2dBOg_Eo1pMVhBjg%3A1638982328139&source=hp&ei=uOKwYeatBcOsad3yp7AE&iflsig=ALs-wAMAAAAAYbDwyLBSDcG5XYoFCKwQFhgz94wTxOcV&ved=0ahUKEwjm6dX71NT0AhVDVhoKHV35CUYQ4dUDCAk&uact=5&oq=site%3Astockportcounty.fans&gs_lcp=Cgdnd3Mtd2l6EAM6BAgjECc6CwgAEIAEELEDEIMBOg4ILhCABBCxAxDHARCjAjoRCC4QgAQQsQMQgwEQxwEQowI6BQguEIAEOggIABCABBCxAzoFCAAQgAQ6CAguELEDEIMBOgsILhCABBDHARCvAToICC4QgAQQsQM6BQgAELEDOgsILhCABBDHARDRAzoLCAAQgAQQsQMQyQM6BQgAEJIDUABYySZg0CdoAHAAeACAAW2IAa0NkgEEMjMuMpgBAKABAQ&sclient=gws-wiz Fair enough 🤪🤪.