viewMenu.scss

TLDR

This file contains the styling for the ViewMenu component.

Classes

ViewMenu

This class defines the styling for the ViewMenu component. It sets the margin-top property to -200px to move the component up. It also contains two nested classes:

• .view-list sets the maximum height to 30vh, enables vertical scrolling if content overflows, and adjusts the height automatically.
• .subMenu sets the height to 100% and allows visible overflow.

Additionally, there is a media query for a maximum height of 370px. In this query, the margin-top is set to -230px and the .subMenu height is adjusted to 50px with vertical scrolling enabled.

.ViewMenu {

    margin-top: -200px;

    .view-list {
        max-height: 30vh;
        overflow-y: auto;
        height: auto;
    }

    .subMenu {
        height: 100%;
        overflow: visible;
    }

    @media (max-height: 370px) {
        margin-top: -230px;

        .subMenu {
            height: 50px;
            overflow-y: scroll;
        }
    }
}