discourse/plugins/chat/assets/stylesheets/common/chat-composer-dropdown.scss
2023-05-18 15:34:46 +02:00

65 lines
1.0 KiB
SCSS

[data-theme="chat-composer-dropdown"] {
margin-left: 0.2rem;
.tippy-content {
padding: 0;
}
}
.chat-composer.is-disabled {
.no-touch & {
.chat-composer-dropdown__trigger-btn:hover {
cursor: default;
.d-icon {
color: var(--primary-low-mid);
}
}
}
}
.chat-composer-dropdown__trigger-btn {
.d-icon {
padding: 5px;
transition: transform 0.1s ease-in-out;
color: var(--primary-high);
background: var(--secondary-very-high);
border-radius: 100%;
.is-disabled & {
color: var(--primary-low-mid);
}
}
.no-touch & {
&:hover,
&:focus {
cursor: pointer;
.d-icon {
color: var(--primary);
}
}
}
&.has-active-panel {
.d-icon {
transform: rotate(45deg);
}
}
}
.chat-composer-dropdown__list {
margin: 0;
list-style: none;
padding: 0.5rem;
}
.chat-composer-dropdown__action-btn {
background: none;
width: 100%;
justify-content: flex-start;
.d-icon {
color: var(--primary);
}
}