discourse/plugins/chat/assets/stylesheets/common/chat-composer-dropdown.scss
chapoi 7444ab006d
UX: General chat composer tweaks (#21639)
- prevent hover on disabled state
- more contrast between focus and not focus for send button
2023-05-18 15:15:10 +02:00

65 lines
1.0 KiB
SCSS

[data-theme="chat-composer-drodown"] {
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);
}
}