waveterm/frontend/app/element/menu.less

// Copyright 2024, Command Line Inc.
// SPDX-License-Identifier: Apache-2.0

.menu {
    list-style: none;
    padding: 0;
}

.menu-item {
    padding: 10px;
    cursor: pointer;
    user-select: none;
    padding: 0;
}

.menu-item-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.menu-item-content {
    display: flex;
    align-items: center;
}

.menu-item-icon {
    margin-right: 10px; /* Space between icon and text */
}

.menu-item-text {
    text-decoration: none;
}

.nested-list {
    list-style: none;
    padding-left: 20px;
}

.nested-list.open {
    display: block;
}

.nested-list.closed {
    display: none;
}

.menu-item-button {
    padding: 10px;
    color: var(--main-text-color);

    &:hover {
        background-color: var(--button-grey-hover-bg);
        border-radius: 4px;
    }
}

.menu-item-button.clickable:hover {
    background-color: #f0f0f0;
}