this repo has no description
Restyle the composer controls UI
+4
-25
+4
-4
src/components/compose.jsx
+4
-4
src/components/compose.jsx
···
697
697
/>
698
698
)}
699
699
{!standalone ? (
700
-
<span class="button-group">
700
+
<span class="compose-controls">
701
701
<button
702
702
type="button"
703
-
class="light pop-button"
703
+
class="plain4 pop-button"
704
704
disabled={uiState === 'loading'}
705
705
onClick={() => {
706
706
// 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
743
}}
744
744
>
745
745
<Icon icon="popout" alt="Pop out" />
746
-
</button>{' '}
746
+
</button>
747
747
<button
748
748
type="button"
749
-
class="light min-button"
749
+
class="plain4 min-button"
750
750
onClick={onMinimize}
751
751
>
752
752
<Icon icon="minimize" alt="Minimize" />
-21
src/index.css
-21
src/index.css
···
388
388
background-color: transparent;
389
389
}
390
390
391
-
.button-group {
392
-
display: flex;
393
-
394
-
button,
395
-
.button {
396
-
margin-inline: calc(-1 * var(--hairline-width));
397
-
398
-
&:first-child:not(:only-child) {
399
-
border-top-right-radius: 0;
400
-
border-bottom-right-radius: 0;
401
-
}
402
-
&:not(:first-child, :last-child, :only-child) {
403
-
border-radius: 0;
404
-
}
405
-
&:last-child:not(:only-child) {
406
-
border-top-left-radius: 0;
407
-
border-bottom-left-radius: 0;
408
-
}
409
-
}
410
-
}
411
-
412
391
pre {
413
392
tab-size: 2;
414
393
}