mirror of
https://github.com/discourse/discourse.git
synced 2024-12-03 00:43:40 +08:00
b8bd3b07ef
This commit makes it easier to ensure each button have a similar behavior: hover, disabled, focus... It also removes some dead code (__inline-button) and fixes a bug where the emoji button didnt have the right un-focused color (it was more visible than it should.
50 lines
805 B
SCSS
50 lines
805 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 {
|
|
.d-icon {
|
|
padding: 5px;
|
|
transition: transform 0.1s ease-in-out;
|
|
background: var(--secondary-very-high);
|
|
border-radius: 100%;
|
|
}
|
|
|
|
&.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);
|
|
}
|
|
}
|