IT
Свой сторибук пишется за вечер мне кажется, наверняка уже есть альтернативы
в смысле приложение альтернативное сторибуку или настройка сторибука в проекте?
Size: a a a
2021 February 15
IL
Свой сторибук пишется за вечер мне кажется, наверняка уже есть альтернативы
альтернативы конечно есть, он ни совсем далеко не дотягивают до уровня сторибука
свой сторибук за вечер.. ну это слишком громко сказано )
чтобы и красиво, и с документацией, и с автораспознаванием интерфейсов пропсов и подстановки соответствующих контролов, и паблишинг екшенов/ивентов, и такой гибкой конфигурации.. и хорошим accessibility
не соглашусь.
свой сторибук за вечер.. ну это слишком громко сказано )
чтобы и красиво, и с документацией, и с автораспознаванием интерфейсов пропсов и подстановки соответствующих контролов, и паблишинг екшенов/ивентов, и такой гибкой конфигурации.. и хорошим accessibility
не соглашусь.
AN
Привет.
Я немного туплю.
У нас есть грид, высотой минимум во вьюпорт.
Внутри малкие элементы.
С флексами я бы использовал flex-grow что бы определить какие ячейки займут больше места.
А как это делать с гридом?
И это делается от имени родителя как то или от имени элемента в ячейке?
Я немного туплю.
У нас есть грид, высотой минимум во вьюпорт.
Внутри малкие элементы.
С флексами я бы использовал flex-grow что бы определить какие ячейки займут больше места.
А как это делать с гридом?
И это делается от имени родителя как то или от имени элемента в ячейке?
SS
grid-columns-template ?
SS
визначаэш для кожної окремо яку ширину вона повинн мати, юзай фракції щоб мати можливість зробити це пропорційно як з flex-grow
SS
Те ж саме є для rows, якщо мова про висоту
SG
Привет.
Я немного туплю.
У нас есть грид, высотой минимум во вьюпорт.
Внутри малкие элементы.
С флексами я бы использовал flex-grow что бы определить какие ячейки займут больше места.
А как это делать с гридом?
И это делается от имени родителя как то или от имени элемента в ячейке?
Я немного туплю.
У нас есть грид, высотой минимум во вьюпорт.
Внутри малкие элементы.
С флексами я бы использовал flex-grow что бы определить какие ячейки займут больше места.
А как это делать с гридом?
И это делается от имени родителя как то или от имени элемента в ячейке?
если тебе нужно дочернему элементу в гриде дать ширину на несколько колонок, то установи на нём `grid-column
: span X`AN
grid-columns-template ?
rows.
мне бы не хотелось хардкодить высоту, а min-content auto не дают нужного эффекта почему то
мне бы не хотелось хардкодить высоту, а min-content auto не дают нужного эффекта почему то
AN
если тебе нужно дочернему элементу в гриде дать ширину на несколько колонок, то установи на нём `grid-column
: span X`Это лаяут странички.
высотой минимальной во вьюпорт.
шапка минимум контента а блоки хочу растянуть по высоте до конца страницы
высотой минимальной во вьюпорт.
display: grid;
gap: .625rem;
align-content: start;
grid-template-columns: 2fr 1fr;
grid-template-rows: min-content auto;
grid-template-areas:
"header header"
"filter output";
шапка минимум контента а блоки хочу растянуть по высоте до конца страницы
SS
rows.
мне бы не хотелось хардкодить высоту, а min-content auto не дают нужного эффекта почему то
мне бы не хотелось хардкодить высоту, а min-content auto не дают нужного эффекта почему то
grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
спробуй те ж саме але для рядків. Якщо не знаєш точної кількості рядків
спробуй те ж саме але для рядків. Якщо не знаєш точної кількості рядків
SG
забыл я уже тонкости настройки гридов
SG
возможно там и
stretch как-нибудь можно включать для чайлдовAN
grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
спробуй те ж саме але для рядків. Якщо не знаєш точної кількості рядків
спробуй те ж саме але для рядків. Якщо не знаєш точної кількості рядків
растянуло равным образом. что в принципе ожидаемо — один же репит.
AN
Наверное прикручу
filter и output min-height с calc.SS
растянуло равным образом. что в принципе ожидаемо — один же репит.
А потрібно не рівно розтягнути?
AN
header по высоте элемента в ячейке.
И рости дальше если будет много контента
filter и output должны растянуться что бы заполнить вьюпорт по высоте. И рости дальше если будет много контента
SS
header по высоте элемента в ячейке.
И рости дальше если будет много контента
filter и output должны растянуться что бы заполнить вьюпорт по высоте. И рости дальше если будет много контента
grid-auto-rows: auto 1fr;
SS
grid-template-rows заміни на grid-auto-rows: auto 1fr;SS
І проконтролюй щоб родич тягунвся на всю висоту, той на якому
display: grid;AN
grid-template-rows заміни на grid-auto-rows: auto 1fr;Вообще то работает отлично.
Спасибо.
Чувствую себя очень глупо.
Спасибо.
Чувствую себя очень глупо.