ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Poll: Fix check color (#6057)

Browse Source
This commit is contained in:
zubiden 2025-07-14 02:49:03 +02:00 committed by Alexander Zinchuk
parent 7fd73a1605
commit 3131a5878b
5 changed files with 31 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/font-icons/crown-take-off-outline.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#000" d="M27.3 12.375h.3c1.2 0 2.1-.9 2.1-2.1s-.9-2.1-2.1-2.1-2.1.9-2.1 2.1c0 .5.1.9.4 1.2h-4.5l-4.4-4.4c.3-.2.5-.4.6-.7.2-.3.2-.6.2-1q0-.9-.6-1.5t-1.5-.6-1.5.6-.6 1.5c0 .3.1.7.2 1 .2.3.4.5.6.7l-1.6 1.9-5.7-5.6c-.5-.5-1.3-.5-1.8 0s-.5 1.3 0 1.8l20.9 20.9c.5.5 1.3.5 1.8 0s.5-1.3 0-1.8l-2.3-2.3c.1-.2.2-.4.2-.7zm-12.4-1.2 1-1 4.7 4.8h3.5l-.7 4.7zM8.5 20.675l-.9-5.8h1.7c.7 0 1-.8.5-1.3l-2-2.1h-2c.3-.5.5-1.1.3-1.8-.2-.6-.7-1.2-1.5-1.4-1.4-.4-2.6.7-2.6 2 0 1.2.9 2.1 2.1 2.1h.3l1.4 8.9c.2 1.3 1.3 2.2 2.6 2.2h9.5c.7 0 1-.8.5-1.3l-1.5-1.5zM24.2 25.575H7.6c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4h16.6c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path fill="#000" d="M27.3 12.375h.3c1.2 0 2.1-.9 2.1-2.1s-.9-2.1-2.1-2.1-2.1.9-2.1 2.1c0 .5.1.9.4 1.2h-4.5l-4.4-4.4c.3-.2.5-.4.6-.7.2-.3.2-.6.2-1q0-.9-.6-1.5t-1.5-.6-1.5.6-.6 1.5c0 .3.1.7.2 1 .2.3.4.5.6.7l-1.6 1.9-5.7-5.6c-.5-.5-1.3-.5-1.8 0s-.5 1.3 0 1.8l20.9 20.9c.5.5 1.3.5 1.8 0s.5-1.3 0-1.8l-2.3-2.3c.1-.2.2-.4.2-.7zm-12.4-1.2 1-1 4.7 4.8h3.5l-.7 4.7zM8.5 20.675l-.9-5.8h1.7c.7 0 1-.8.5-1.3l-2-2.1h-2c.3-.5.5-1.1.3-1.8-.2-.6-.7-1.2-1.5-1.4-1.4-.4-2.6.7-2.6 2 0 1.2.9 2.1 2.1 2.1h.3l1.4 8.9c.2 1.3 1.3 2.2 2.6 2.2h9.5c.7 0 1-.8.5-1.3l-1.5-1.5zM24.2 25.575H7.6c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4h16.6c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4"/></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 724 B

After

Width:  |  Height:  |  Size: 713 B

4
src/components/middle/message/Poll.scss
View File

@ -87,8 +87,8 @@
left: 0.125rem;
background-color: var(--accent-color);
.theme-dark & {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiM3NjZhYzgiLz48L3N2Zz4=);
.theme-dark .Message.own & {
color: var(--color-primary);
}
}
}

4
src/components/middle/message/TodoList.scss
View File

@ -74,8 +74,8 @@
background-color: var(--accent-color);
outline: 1px solid var(--background-color);
.theme-dark & {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiM3NjZhYzgiLz48L3N2Zz4=);
.theme-dark .Message.own & {
color: var(--color-primary);
}
}

31
src/components/ui/Checkbox.scss
View File

@ -1,3 +1,6 @@
@use "sass:map";
@use "../../styles/icons";
.Checkbox {
cursor: var(--custom-cursor, pointer);
@ -77,18 +80,23 @@
}
&.blocking {
.Checkbox-main {
&::before,
&::after {
transition: none;
}
}
input:not(:checked) ~ .Checkbox-main {
&::before {
border-color: var(--color-error);
}
&::after {
content: map.get(icons.$icons-map, "remove");
border-radius: 0.25rem;
opacity: 1;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBvbHlnb24gcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ii8+CiAgICA8cGF0aCBmaWxsPSIjZTUzOTM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xOCwzIEMxOS42NTY4NTQyLDMgMjEsNC4zNDMxNDU3NSAyMSw2IEwyMSwxOCBDMjEsMTkuNjU2ODU0MiAxOS42NTY4NTQyLDIxIDE4LDIxIEw2LDIxIEM0LjM0MzE0NTc1LDIxIDMsMTkuNjU2ODU0MiAzLDE4IEwzLDYgQzMsNC4zNDMxNDU3NSA0LjM0MzE0NTc1LDMgNiwzIEwxOCwzIFogTTE2LDExIEw4LDExIEM3LjQ0NzcxNTI1LDExIDcsMTEuNDQ3NzE1MyA3LDEyIEM3LDEyLjU1MjI4NDcgNy40NDc3MTUyNSwxMyA4LDEzIEwxNiwxMyBDMTYuNTUyMjg0NywxMyAxNywxMi41NTIyODQ3IDE3LDEyIEMxNywxMS40NDc3MTUzIDE2LjU1MjI4NDcsMTEgMTYsMTEgWiIvPgogIDwvZz4KPC9zdmc+Cg==);
background-position: -0.125rem -0.125rem;
// Compensate for svg having incorrect size
background-size: 1.5rem;
background-color: var(--color-error);
}
}
}
@ -125,10 +133,17 @@
}
&::after {
@include icons.icon;
content: map.get(icons.$icons-map, "check");
position: absolute;
font-size: 1.25rem;
color: var(--color-white);
opacity: 0;
/* stylelint-disable-next-line scss/operator-no-unspaced */
background: center no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
background-size: 0.875rem;
transition: opacity 0.1s ease;
}

6
src/components/ui/Checkbox.tsx
View File

@ -46,14 +46,14 @@ type OwnProps = {
onlyInput?: boolean;
isRound?: boolean;
className?: string;
onChange?: (e: ChangeEvent<HTMLInputElement>, nestedOptionList?: IRadioOption) => void;
onCheck?: (isChecked: boolean) => void;
onClickLabel?: (e: React.MouseEvent, value?: string) => void;
nestedCheckbox?: boolean;
nestedCheckboxCount?: number | undefined;
nestedOptionList?: IRadioOption;
leftElement?: TeactNode;
values?: string[];
onChange?: (e: ChangeEvent<HTMLInputElement>, nestedOptionList?: IRadioOption) => void;
onCheck?: (isChecked: boolean) => void;
onClickLabel?: (e: React.MouseEvent, value?: string) => void;
};
const AVATAR_SIZE = 1.25 * REM;