Media editor polish

This commit is contained in:
Josh Perez 2023-09-21 12:54:28 -04:00 committed by GitHub
parent 4d919891fb
commit 1cfc396d65
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 47 additions and 22 deletions

View file

@ -953,10 +953,10 @@ export function MediaEditor({
>
{i18n('icu:MediaEditor__crop--reset')}
</Button>
<div className="MediaEditor__toolbar">
<div className="MediaEditor__toolbar__crop">
<button
aria-label={i18n('icu:MediaEditor__crop--rotate')}
className="MediaEditor__toolbar__tool MediaEditor__toolbar__button MediaEditor__toolbar__button--rotate"
className="MediaEditor__toolbar__crop__button MediaEditor__toolbar__button--rotate"
onClick={() => {
if (!fabricCanvas) {
return;
@ -992,7 +992,7 @@ export function MediaEditor({
/>
<button
aria-label={i18n('icu:MediaEditor__crop--flip')}
className="MediaEditor__toolbar__tool MediaEditor__toolbar__button MediaEditor__toolbar__button--flip"
className="MediaEditor__toolbar__crop__button MediaEditor__toolbar__button--flip"
onClick={() => {
if (!fabricCanvas) {
return;
@ -1012,7 +1012,7 @@ export function MediaEditor({
<button
aria-label={i18n('icu:MediaEditor__crop--lock')}
className={classNames(
'MediaEditor__toolbar__button',
'MediaEditor__toolbar__crop__button',
`MediaEditor__toolbar__button--crop-${
cropAspectRatioLock ? '' : 'un'
}locked`
@ -1283,7 +1283,7 @@ export function MediaEditor({
/>
</div>
<div className="MediaEditor__tools-row-2">
<div className="MediaEditor__tools--input">
<div className="MediaEditor__tools--input dark-theme">
<CompositionInput
draftText={draftText}
draftBodyRanges={draftBodyRanges}