nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Restyle the composer controls UI

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/compose.jsx
View file

@ -697,10 +697,10 @@ function Compose({
/> />
)} )}
{!standalone ? ( {!standalone ? (
<span class="button-group"> <span class="compose-controls">
<button <button
type="button" type="button"
class="light pop-button" class="plain4 pop-button"
disabled={uiState === 'loading'} disabled={uiState === 'loading'}
onClick={() => { 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 // 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" /> <Icon icon="popout" alt="Pop out" />
</button>{' '} </button>
<button <button
type="button" type="button"
class="light min-button" class="plain4 min-button"
onClick={onMinimize} onClick={onMinimize}
> >
<Icon icon="minimize" alt="Minimize" /> <Icon icon="minimize" alt="Minimize" />

21
src/index.css
View file

@ -388,27 +388,6 @@ select.plain {
background-color: transparent; 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 { pre {
tab-size: 2; tab-size: 2;
} }