diff --git a/src/assets/font-icons/schedule.svg b/src/assets/font-icons/schedule.svg index 62d04998f..92540b230 100644 --- a/src/assets/font-icons/schedule.svg +++ b/src/assets/font-icons/schedule.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/font-icons/scheduled.svg b/src/assets/font-icons/scheduled.svg new file mode 100644 index 000000000..925069a92 --- /dev/null +++ b/src/assets/font-icons/scheduled.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/common/Composer.scss b/src/components/common/Composer.scss index e76cff180..bf6c32985 100644 --- a/src/components/common/Composer.scss +++ b/src/components/common/Composer.scss @@ -264,11 +264,6 @@ animation-duration: 0ms !important; } - @media (max-width: 600px) { - width: 2.875rem; - height: 2.875rem; - } - @media (hover: hover) { &:not(:active):not(:focus):not(:hover) { .icon-send, @@ -460,13 +455,14 @@ .message-input-wrapper { --action-button-size: var(--base-height, 3rem); - --action-button-compact-fix: -1rem; + --action-button-compact-fix: -0.75rem; display: flex; .input-scroller { --_scroller-right-gap: calc((var(--action-button-size) + var(--action-button-compact-fix) - 0.125rem)); + scrollbar-gutter: stable; margin-right: calc(-1 * var(--_scroller-right-gap)); padding-right: var(--_scroller-right-gap); } @@ -561,21 +557,14 @@ position: absolute; top: 0.75rem; - right: 0.875rem; + right: 0.75rem; box-sizing: content-box; width: 0.5rem; height: 0.5rem; - border: 0.1875rem solid var(--color-background); border-radius: 50%; background: var(--color-green-darker); - box-shadow: -0.375rem -0.25rem 0 -0.1875rem var(--color-background); - - @media (max-width: 600px) { - top: 0.5rem; - right: 0.5rem; - } } } @@ -613,10 +602,6 @@ animation: recording-blink-like-macos 1.5s infinite; } } - - @media (max-width: 600px) { - --action-button-compact-fix: -0.6875rem; - } } .symbol-menu-trigger { @@ -683,7 +668,6 @@ } @media (max-width: 600px) { - min-height: 2.875rem; max-height: 16rem; } } @@ -841,19 +825,11 @@ line-height: 1.3125; white-space: pre-wrap; - - @media (max-width: 600px) { - padding: calc((2.875rem - var(--composer-text-size, 1rem) * 1.3125) / 2) 0; - } } .forced-placeholder, .placeholder-text { top: calc((var(--base-height, 3rem) - var(--composer-text-size, 1rem) * 1.3125) / 2); - - @media (max-width: 600px) { - top: calc((2.875rem - var(--composer-text-size, 1rem) * 1.3125) / 2); - } } &:not(:only-child) { @@ -933,10 +909,6 @@ &.is-need-premium { pointer-events: auto; } - - @media (max-width: 600px) { - top: calc((2.875rem - var(--composer-text-size, 1rem) * 1.3125) / 2); - } } .composer-tooltip { diff --git a/src/components/common/Composer.tsx b/src/components/common/Composer.tsx index 22168335f..80059fc85 100644 --- a/src/components/common/Composer.tsx +++ b/src/components/common/Composer.tsx @@ -2201,7 +2201,7 @@ const Composer: FC = ({ onClick={handleAllScheduledClick} ariaLabel={lang('AriaComposerOpenScheduled')} > - + )} {shouldShowGiftButton && ( diff --git a/src/styles/icons.scss b/src/styles/icons.scss index 6017a091b..2947c29e7 100644 --- a/src/styles/icons.scss +++ b/src/styles/icons.scss @@ -243,89 +243,90 @@ $icons-map: ( "save-story": "\f1ce", "saved-messages": "\f1cf", "schedule": "\f1d0", - "sd-photo": "\f1d1", - "search": "\f1d2", - "select": "\f1d3", - "sell-outline": "\f1d4", - "sell": "\f1d5", - "send-outline": "\f1d6", - "send": "\f1d7", - "settings-filled": "\f1d8", - "settings": "\f1d9", - "share-filled": "\f1da", - "share-screen-outlined": "\f1db", - "share-screen-stop": "\f1dc", - "share-screen": "\f1dd", - "show-message": "\f1de", - "sidebar": "\f1df", - "skip-next": "\f1e0", - "skip-previous": "\f1e1", - "smallscreen": "\f1e2", - "smile": "\f1e3", - "sort-by-date": "\f1e4", - "sort-by-number": "\f1e5", - "sort-by-price": "\f1e6", - "sort": "\f1e7", - "speaker-muted-story": "\f1e8", - "speaker-outline": "\f1e9", - "speaker-story": "\f1ea", - "speaker": "\f1eb", - "spoiler-disable": "\f1ec", - "spoiler": "\f1ed", - "sport": "\f1ee", - "star": "\f1ef", - "stars-lock": "\f1f0", - "stats": "\f1f1", - "stealth-future": "\f1f2", - "stealth-past": "\f1f3", - "stickers": "\f1f4", - "stop-raising-hand": "\f1f5", - "stop": "\f1f6", - "story-caption": "\f1f7", - "story-expired": "\f1f8", - "story-priority": "\f1f9", - "story-reply": "\f1fa", - "strikethrough": "\f1fb", - "tag-add": "\f1fc", - "tag-crossed": "\f1fd", - "tag-filter": "\f1fe", - "tag-name": "\f1ff", - "tag": "\f200", - "timer": "\f201", - "toncoin": "\f202", - "trade": "\f203", - "transcribe": "\f204", - "truck": "\f205", - "unarchive": "\f206", - "underlined": "\f207", - "understood": "\f208", - "unique-profile": "\f209", - "unlist-outline": "\f20a", - "unlist": "\f20b", - "unlock-badge": "\f20c", - "unlock": "\f20d", - "unmute": "\f20e", - "unpin": "\f20f", - "unread": "\f210", - "up": "\f211", - "user-filled": "\f212", - "user-online": "\f213", - "user-stars": "\f214", - "user": "\f215", - "video-outlined": "\f216", - "video-stop": "\f217", - "video": "\f218", - "view-once": "\f219", - "voice-chat": "\f21a", - "volume-1": "\f21b", - "volume-2": "\f21c", - "volume-3": "\f21d", - "warning": "\f21e", - "web": "\f21f", - "webapp": "\f220", - "word-wrap": "\f221", - "zoom-in": "\f222", - "zoom-out": "\f223", + "scheduled": "\f1d1", + "sd-photo": "\f1d2", + "search": "\f1d3", + "select": "\f1d4", + "sell-outline": "\f1d5", + "sell": "\f1d6", + "send-outline": "\f1d7", + "send": "\f1d8", + "settings-filled": "\f1d9", + "settings": "\f1da", + "share-filled": "\f1db", + "share-screen-outlined": "\f1dc", + "share-screen-stop": "\f1dd", + "share-screen": "\f1de", + "show-message": "\f1df", + "sidebar": "\f1e0", + "skip-next": "\f1e1", + "skip-previous": "\f1e2", + "smallscreen": "\f1e3", + "smile": "\f1e4", + "sort-by-date": "\f1e5", + "sort-by-number": "\f1e6", + "sort-by-price": "\f1e7", + "sort": "\f1e8", + "speaker-muted-story": "\f1e9", + "speaker-outline": "\f1ea", + "speaker-story": "\f1eb", + "speaker": "\f1ec", + "spoiler-disable": "\f1ed", + "spoiler": "\f1ee", + "sport": "\f1ef", + "star": "\f1f0", + "stars-lock": "\f1f1", + "stats": "\f1f2", + "stealth-future": "\f1f3", + "stealth-past": "\f1f4", + "stickers": "\f1f5", + "stop-raising-hand": "\f1f6", + "stop": "\f1f7", + "story-caption": "\f1f8", + "story-expired": "\f1f9", + "story-priority": "\f1fa", + "story-reply": "\f1fb", + "strikethrough": "\f1fc", + "tag-add": "\f1fd", + "tag-crossed": "\f1fe", + "tag-filter": "\f1ff", + "tag-name": "\f200", + "tag": "\f201", + "timer": "\f202", + "toncoin": "\f203", + "trade": "\f204", + "transcribe": "\f205", + "truck": "\f206", + "unarchive": "\f207", + "underlined": "\f208", + "understood": "\f209", + "unique-profile": "\f20a", + "unlist-outline": "\f20b", + "unlist": "\f20c", + "unlock-badge": "\f20d", + "unlock": "\f20e", + "unmute": "\f20f", + "unpin": "\f210", + "unread": "\f211", + "up": "\f212", + "user-filled": "\f213", + "user-online": "\f214", + "user-stars": "\f215", + "user": "\f216", + "video-outlined": "\f217", + "video-stop": "\f218", + "video": "\f219", + "view-once": "\f21a", + "voice-chat": "\f21b", + "volume-1": "\f21c", + "volume-2": "\f21d", + "volume-3": "\f21e", + "warning": "\f21f", + "web": "\f220", + "webapp": "\f221", + "word-wrap": "\f222", + "zoom-in": "\f223", + "zoom-out": "\f224", ); .icon-active-sessions::before { @@ -952,6 +953,9 @@ $icons-map: ( .icon-schedule::before { content: map.get($icons-map, "schedule"); } +.icon-scheduled::before { + content: map.get($icons-map, "scheduled"); +} .icon-sd-photo::before { content: map.get($icons-map, "sd-photo"); } diff --git a/src/styles/icons.woff b/src/styles/icons.woff index d3d03b451..83337ff9a 100644 Binary files a/src/styles/icons.woff and b/src/styles/icons.woff differ diff --git a/src/styles/icons.woff2 b/src/styles/icons.woff2 index ec48689f7..9d622a83a 100644 Binary files a/src/styles/icons.woff2 and b/src/styles/icons.woff2 differ diff --git a/src/types/icons/font.ts b/src/types/icons/font.ts index 564785cb6..df90c1cc4 100644 --- a/src/types/icons/font.ts +++ b/src/types/icons/font.ts @@ -207,6 +207,7 @@ export type FontIconName = | 'save-story' | 'saved-messages' | 'schedule' + | 'scheduled' | 'sd-photo' | 'search' | 'select'