169 похожих чатов

Народ, привет! Есть ли смысл в реакте определять тип устройства:

мобилка или десктоп? Чтобы при ресайзе, например менять группу баттонов на селект! Смотрю, чёт никто так не делает.

12 ответов

7 просмотров

ну скорее можно для обертки батонов поменять flex-direction с row на column, но менять их на селект? Я вот чето даже и представить не могу для чего? А так в принципе просто поменять.

Pavel- Автор вопроса

Если у меня например 5 button-ов в ряд и на мобилке они все не влезут, 1 или 2 будут на следующей строчке. Или пользователь уменьшит ширину экрана до минимума, то я в этом случае бы имея эвентлистнер померил ширину экрана, и если она меньше, к примеру, 500-та пикселей, то показал бы вместо группы button -> select. Но я не понимаю, в современных мобилках ширина экрана может быть достаточно большой, либо пользователь может перевернуть экран в горизонтальное положение. В этом вопрос, есть ли смысл заморачиваться или тут никак не угадаешь?

Pavel- Автор вопроса

У меня баттоны радио. Выбор одного из многих. Такие штуки считаю должны быть исключительно в один ряд. При малой ширине экрана станет 2 ряда - не красиво. А так будет select. Общая стилистика оформления не нарушится.

Pavel- Автор вопроса

Это ширина кнопок имеется в виду?

Для media запросов

Был кейс, когда на десктопе кнопки, а на мобилке селект - делал обёртку, в нее кнопки, флекс и врап и стилизовал по ширине экрана

А че селект, че не модалка?

Дизайнер дебил :)

Про такое не подумал ))

Хотя с другой стороны модалка даёт лишний клик

А откуда там клик лишний? на кнопку нажали вышла модалка с 10 кнопок. На нужную щелкнули, модалка закрылась 2 клика так же как и в селекте

Для модалки назвать кнопку правильно, чтоб понять что происходит внутри. Кроме того если я сделаю миссклик то мне придется заново открывать модалку и перевыбирать

Похожие вопросы

Обсуждают сегодня

Скажите, можно ли как-то "переместить" динамический массив из одной переменной в другую? Скажем, переместить из TList<> в TArray<>. Именно переместить, а не скопировать. Если ...
Eugene Krasnikov (ᴊɪɴ x)
37
комрады, че-та лыжы не едут var tmpFont: TFont; begin tmpFont:= TFont.Create; try case rgFontColor.ItemIndex of 0: tmpFont.Color:= clWindowText; 1: tmpFo...
Ed Doc
34
Вот еще криповенькая штука. uMain.pas(517,3) Warning: Case statement does not handle all possible cases И ЧО? 😂
Александр (Rouse_) Багель
20
Интересно, нет ли какого-то способа получить из dll не адрес самой метки, а адрес со смещением?
The Bird of Hermes
54
.model small .stack 100h .data a db 'Hello, World!', '$' ; исходная строка b db 20 dup(?) ; строка b с запасом на максимальную длину .code main: ...
Алексей -man
3
М-да. Почему бы просто со stringlist не работать?
Michael Longneck
23
вопрос, кого посмотреть в ютубе или где почитать про указатели чтобы раз и навсегда запомнить зачем они нужны и как правильно ими пользоваться? поделитесь хорошими ресурсами, ...
-
14
Или имеется ввиду именно что медленнее работа компилятора?
Куся 🌿⃤ __UKS
9
У меня есть скрипт написанный на crystal, который крутится на vm с 512mb ram, и он время от времени вылетает из-за нехватки памяти, поэтому я увеличил память до 2gb, но поведе...
Сергій
1
let sum = [1, 2, 3].map { String($0) }.flatMap { Int($0) }.reduce(0, +) let sum = [1, 2, 3].map { (num: Int) -> String in String(num) }.flatMap { (str: String) -> Int? in Int...
Yakov
7
Карта сайта