height

Since: UXP v4.1

Enables you to restrict a set of CSS rules to match when the size of the plugin's dialog or panel meets your specified criteria.

See: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/height

Example

@media (max-height: 700px) {
    .someElement {
        background-color: red;
    }
}
CopyCopied to your clipboard
1@media (max-height: 700px) {
2    .someElement {
3        background-color: red;
4    }
5}

Known Issues

• When a plugin has multiple panels, only the size of the first panel is used for this calculation. As such, media queries based on viewport size do not make much sense when a plugin as two or more panels.

Last updated 8/10/2021

Was this helpful?

Yes

No