Media editor polish
This commit is contained in:
parent
4d919891fb
commit
1cfc396d65
4 changed files with 47 additions and 22 deletions
|
@ -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}
|
||||
|
|
|
@ -220,7 +220,7 @@ export function StoryCreator({
|
|||
ourConversationId={ourConversationId}
|
||||
i18n={i18n}
|
||||
me={me}
|
||||
onClose={() => setDraftAttachment(undefined)}
|
||||
onClose={() => setIsReadyToSend(false)}
|
||||
onDeleteList={onDeleteList}
|
||||
onDistributionListCreated={onDistributionListCreated}
|
||||
onHideMyStoriesFrom={onHideMyStoriesFrom}
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
// SPDX-License-Identifier: AGPL-3.0-only
|
||||
|
||||
import { missingCaseError } from './missingCaseError';
|
||||
import { ThemeType } from '../types/Util';
|
||||
|
||||
export enum Theme {
|
||||
Light,
|
||||
|
@ -18,3 +19,14 @@ export function themeClassName(theme: Theme): string {
|
|||
throw missingCaseError(theme);
|
||||
}
|
||||
}
|
||||
|
||||
export function themeClassName2(theme: ThemeType): string {
|
||||
switch (theme) {
|
||||
case ThemeType.light:
|
||||
return 'light-theme';
|
||||
case ThemeType.dark:
|
||||
return 'dark-theme';
|
||||
default:
|
||||
throw missingCaseError(theme);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue