Size: a a a

2019 July 23

MV

Max Vashchenko in React Kyiv
це більше до UX, може знаєте як цю штуку реалізувати 👆
источник

MV

Max Vashchenko in React Kyiv
?
источник

SS

Serhey Shmyg in React Kyiv
форматування чисел чи що?
источник

MV

Max Vashchenko in React Kyiv
Serhey Shmyg
форматування чисел чи що?
щоб font-size підлаштовувався так, щоб будь-яке число не випирало із контейнера і виставляти в трьох блоках по найменшому font-size
источник

SS

Serhey Shmyg in React Kyiv
Ну в цього компоненту що знайшов, є колбеки якіс?
источник

MV

Max Vashchenko in React Kyiv
Serhey Shmyg
Ну в цього компоненту що знайшов, є колбеки якіс?
є onReady, я розумію що можна витягти font-size всіх трьох і знайти найменший, але в ній апдейтити його ніяк не можна
источник

SS

Serhey Shmyg in React Kyiv
самий жопний варіант з цим компонентом - сховати 3 блоки, з таким же тектстом, калькулювати в них розмір, а сетити в видимі блоки
источник

SS

Serhey Shmyg in React Kyiv
кращий - пошукати інше щось 🙂
источник

MV

Max Vashchenko in React Kyiv
Serhey Shmyg
самий жопний варіант з цим компонентом - сховати 3 блоки, з таким же тектстом, калькулювати в них розмір, а сетити в видимі блоки
я думав про це, але це жесть - результати постійно будуть оновлюватись - на процесорі можна буде яєшню жарити
источник

SS

Serhey Shmyg in React Kyiv
3 блоки - не сміши
источник

SS

Serhey Shmyg in React Kyiv
Як варіант зробити якийсь мап самому, шрифт же не буде змінюватись і ввести від 1ого до  N знаків, і кожному прописати велечину шрифта
источник

T

Tak1s in React Kyiv
Еще один не самый елегантный способ это брать число с максемальным количеством символов, и добавлять в меньшие числа блок с разницой и делать им прозрачность. их не видно, а длинна числа получится везде одинаковая.
К примеру
1 блок - 10000
2 блок - 00100
3 блок - 0100
источник

SS

Serhey Shmyg in React Kyiv
Можна динамічно прокальулювати один знак відносно блока, якщо буде змінюватись шрифт, і тоді динамічно побудувати мап
источник

T

Tak1s in React Kyiv
ноли в начале запихивать в сапан и делать прозрачность
источник

SS

Serhey Shmyg in React Kyiv
Tak1s
Еще один не самый елегантный способ это брать число с максемальным количеством символов, и добавлять в меньшие числа блок с разницой и делать им прозрачность. их не видно, а длинна числа получится везде одинаковая.
К примеру
1 блок - 10000
2 блок - 00100
3 блок - 0100
а як це допоможе з розміром шрифту?
источник

MV

Max Vashchenko in React Kyiv
може і допоможе - але через ті спани той текст що залишився буде не відцентрований
источник

T

Tak1s in React Kyiv
размер шрифта он вычислят в % если я не ошибаюсь, иначе проблемы такой не было бы
источник

SG

Stas G in React Kyiv
источник

SG

Stas G in React Kyiv
вдогонку к разделителям
источник

T

Tak1s in React Kyiv
Tak1s
размер шрифта он вычислят в % если я не ошибаюсь, иначе проблемы такой не было бы
одинаковая длинна строки, значит одинаковый размер шрифта
источник