Хлопці, допоможіть, будь ласка: є пункти меню, які виводять списки підпунктів; один

Question

Хлопці, допоможіть, будь ласка: є пункти меню, які виводять списки підпунктів; один

- із найбільшою кількістю підпунктів - добре б якби виглядав так, як на 1-му скрині;
зараз він виглядає - як на 2-му - тобто унизу частина списку ховається нижче краю дисплею.

У цьому ж елементі ДОМу може виводитись список меншого розміру.
Тобто якщо я задам хард стилі для найбільшого списку - буде не добре виглядати для маленьких.

Чи можна задати ці розміри гнучко? З автоматичною зміною залежно від цілого розміру списку? Бажано не ЖС, а ЦСС, щоб не рахувати усі можливі варіанти.
Зараз його клас такий (це з хардкодом ширини та висоти):
.p-tieredmenu .p-menuitem-active > .p-submenu-list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 32rem;
height: 44rem;
left: 100%;
top: 0;

#programming #russian #vue.js

0

03.07.2022

5 ответов

22 просмотра

Dinar User

max-height: 44rem; попробуйте

0

03.07.2022

Volodymyr 🇺🇦 Yefremov Автор вопроса

Dinar User
Почему просто не сделать 2 разных списка?

тоді вийде не 2, а більше - 4-5; до того ж, це меню має формуватися на базі прав доступу групи юзерів і можливо далі будуть ще додаткові завдання; тобто накостили ще буде нагода не раз :) хотілося б все, що можна зробити уніфіковано - так і зробити

0

03.07.2022

Dinar User

Тогда нужны гриды, флексы отпадают.

0

03.07.2022

Volodymyr 🇺🇦 Yefremov Автор вопроса

Dinar User
Тогда нужны гриды, флексы отпадают.

зрозумів, дякую! а як би чудово з флексом... жаль, що він не зможе

0

03.07.2022