1
0
Fork 0

Restyle the composer controls UI

This commit is contained in:
Lim Chee Aun 2024-05-25 13:39:11 +08:00
parent 67a85e1eef
commit 2c1a6c8cb5
2 changed files with 4 additions and 25 deletions

View file

@ -697,10 +697,10 @@ function Compose({
/>
)}
{!standalone ? (
<span class="button-group">
<span class="compose-controls">
<button
type="button"
class="light pop-button"
class="plain4 pop-button"
disabled={uiState === 'loading'}
onClick={() => {
// If there are non-ID media attachments (not yet uploaded), show confirmation dialog because they are not going to be passed to the new window
@ -743,10 +743,10 @@ function Compose({
}}
>
<Icon icon="popout" alt="Pop out" />
</button>{' '}
</button>
<button
type="button"
class="light min-button"
class="plain4 min-button"
onClick={onMinimize}
>
<Icon icon="minimize" alt="Minimize" />

View file

@ -388,27 +388,6 @@ select.plain {
background-color: transparent;
}
.button-group {
display: flex;
button,
.button {
margin-inline: calc(-1 * var(--hairline-width));
&:first-child:not(:only-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
&:not(:first-child, :last-child, :only-child) {
border-radius: 0;
}
&:last-child:not(:only-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
}
pre {
tab-size: 2;
}