Skip to content

Difficult to move posts now, on mobile.

Bugs
16 3 5.2k 1
  • 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.
  • Interesting Widget code, but can't fetch API

    Solved Customisation nodebb
    26
    2 Votes
    26 Posts
    11k Views
    phenomlab
    @Panda said in Interesting Widget code, but can’t fetch API: How did you drop that widget into the post there? I hadnt seen this BSgenerator anywhere on sudonix site, do you use it somewhere already? Yes, here https://sudonix.org/topic/414/corporate-bullshit-generator?_=1687774393044 It’s not a “post” or “topic” in the common sense. It is actually a page in it’s own right and leverages nodebb-plugin-custom-pages. This in turn creates a new “route” which behaves like a page, meaning it is then exposed for widgets. @Panda said in Interesting Widget code, but can’t fetch API: Also can you explain more what you mean by calling the code externally. In my API call example, how would I go about doing that? By this, I mean create all the required code in an external JS file that is reachable by the NodeBB instance - so, in “public” for example - or in my case /public/js. The widget then “calls” that file and because it runs outside of the scope of NodeBB, you just need to return the values to the widget. Hope this makes sense?
  • 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.
  • Email validation NodeBB

    Bugs nodebb
    21
    3 Votes
    21 Posts
    10k Views
    phenomlab
    @Panda said in Email validation NodeBB: Did you configure that as a custom change to the usual quote icon. How do you do that? I notice on NodeBB site its a solid blue quotes Yes, I changed it. NodeBB by default users the free font awesome library whereas I use the pro (paid) version SDK have access to a wider set of icons, and at different thicknesses etc. The change of colour is just simple CSS.
  • How to fix size of photos & videos NodeBB

    Solved Customisation nodebb nodebb size
    7
    3 Votes
    7 Posts
    3k Views
    phenomlab
    @crazycells pleasure. Using percentages makes much more sense in this case. It’s the same argument with px vs pt vs em with fonts, margins, padding, etc., in the sense that em is generally preferred over px and pt https://stackoverflow.com/questions/609517/why-em-instead-of-px
  • NodeBB v3

    Announcements nodebb v3 nodebb
    2
    3 Votes
    2 Posts
    1k Views
    phenomlab
    @cagatay JS will work fine - no changes there, and there are no plans to drop support for jQuery. More of an issue is the CSS - for which there are quite a few breaking changes. Keep an eye on sudonix.dev (my development site) where you can see progress in relation to how I am tackling the compatibility issues.
  • 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
  • Dark Theme Upper Padding

    Solved Customisation nodebb
    7
    1
    6 Votes
    7 Posts
    2k Views
    crazycells
    @DownPW great! thanks a lot… this code solves my problem.