discourse/plugins/chat/assets/stylesheets/common/chat-composer-dropdown.scss
2023-08-18 11:59:54 +02:00

56 lines
930 B
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 {
transition: transform 0.25s ease-in-out;
.d-icon {
padding: 5px;
transition: transform 0.1s ease-in-out;
background: var(--secondary-very-high);
border-radius: 100%;
}
&:hover {
transform: scale(1.1);
}
&[aria-expanded="true"] {
.d-icon {
transform: rotate(135deg);
transform-origin: center;
}
}
}
.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);
}
}