[Bug]: Module Action Menu Move Dropdown CSS issues

[Timo-Breumelhof]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

I created a new Theme for DNNCommunity and the Module Action Menus all look fine, but the Move (last one).
It looks like this:

IMO this is due to the use of

box-sizing: border-box

In the theme and the items having a fixed height:

Dnn.Platform/DNN Platform/Website/admin/Menus/ModuleActions/ModuleActions.css

Line 114 in 4b31e41

height: 20px;

And thus they are not high enough when you use border-box.

Also this is the only Action Menu dropdown that has a font-family defined for some reason.

I first tested this:

div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {
    box-sizing: content-box;
    height: auto;
    font-family:inherit;
}

To see if removing the height works in an content-box situation.

And then:

div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {
    box-sizing: border-box;
    height: auto;
    font-family:inherit;
}

The result is the same, meaning that the height and font-family can be removed IMO

Steps to reproduce?

1. Use a theme that centrally defines box-sizing: border-box
2. Make sure it does not have an box-sizing: content-box; definition for the Medule action Menu
3. See the padding issue in the Move Module dropdown

Current Behavior

Expected Behavior

Relevant log output

No response

Anything else?

No response

Affected Versions

9.12.0 (latest release)

What browsers are you seeing the problem on?

No response

Code of Conduct

• I agree to follow this project's Code of Conduct