mirror of
https://github.com/discourse/discourse.git
synced 2024-12-11 23:06:28 +08:00
f45d1e6791
This is only the first steps of a redesign - redesigns the buttons to have a larger hitzone - generally bigger composer - clicking near textarea focuses the input - relies on the fact that safe-area-inset-bottom is set globally and doesn’t need to be set in sub components
50 lines
775 B
SCSS
50 lines
775 B
SCSS
[data-theme="chat-composer-drodown"] {
|
|
margin-left: 0.2rem;
|
|
|
|
.tippy-content {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
}
|