waveterm/frontend/app/element/collapsiblemenu.less

65 lines
1.1 KiB
Plaintext
Raw Normal View History

// Copyright 2024, Command Line Inc.
// SPDX-License-Identifier: Apache-2.0
@import "../mixins.less";
.collapsible-menu {
list-style: none;
padding: 0;
}
.collapsible-menu-item {
padding: 10px;
cursor: pointer;
user-select: none;
padding: 0;
}
.collapsible-menu-item-button {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.collapsible-menu-item-content {
display: flex;
align-items: center;
}
.collapsible-menu-item-icon {
margin-right: 10px; /* Space between icon and text */
}
.collapsible-menu-item-text {
.ellipsis();
text-decoration: none;
}
.nested-list {
list-style: none;
padding-left: 20px;
}
.nested-list.open {
display: block;
}
.nested-list.closed {
display: none;
}
.collapsible-menu-item-button {
padding: 10px;
color: var(--main-text-color);
&:hover {
background-color: var(--button-grey-hover-bg);
border-radius: 4px;
}
}
.collapsible-menu-item-button.clickable:hover {
background-color: #f0f0f0;
}