Difficult to move posts now, on mobile.

[Panda]

I’m curious if this is just on my mobile, or if this is replicated on iphone?
I have posted previously about difficulties doing Admin tasks on mobile, and accept that more complicated tasks may not be achieveable.
However since upgrading to v3.x, some simpler tasks have become difficult.
An example is moving a topic from one category to another.
On mobile, in mobile or desktop view, a popup window obscures clicking the category to move to.
Here is example, clicking Move seems to do nothing!
The box asking ‘to which category’ has opened but is completely obscured behind this menu!

[phenomlab]

@Panda nope. You’re not imagining it. I too have seen this and it’s pretty annoying. Looking in more detail, it should be easily fixed with a simple z-index CSS value.

I’ll have a look at this later.

[DownPW]

Yep in my dev env, popup background is transparent

[Panda]

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

[phenomlab]

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

[DownPW]

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

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

[phenomlab]

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

[Panda]

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

[Panda]

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

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

[phenomlab]

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

[Panda]

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

[DownPW]

Yep I have the same no transparency menu at first :

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

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 :

[DownPW]

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;
}

[phenomlab]

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