установить высоту p: tabView

Я использую PrimeFaces, и у меня есть tabView в верхней части страницы и содержимое страницы под этой панелью вкладок. Однако при использовании Orient="left" высота панели с вкладками слишком велика:

введите здесь описание изображения

Если я использую горизонтальную ориентацию, все выглядит нормально, хотя все еще есть небольшой запас:

введите здесь описание изображения

Я пытался переопределить высоту .ui-tabs-nav, но это, похоже, ничего не дало. Как я могу установить высоту, чтобы она соответствовала содержимому, отображаемому внутри вкладок?


tabview primefaces
person user2711115    schedule 17.07.2017    source источник
comment
Откройте страницу в инструменте разработчика браузера и посмотрите, действительно ли ваше изменение стиля применяется или отменяется более конкретным селектором. Я почти уверен, что происходит последнее.   -  person Kukeltje    schedule 17.07.2017
comment
Я нашел .ui-tabs-left, попытался переопределить и это (в теге стиля в html), похоже, не работает: s   -  person user2711115    schedule 17.07.2017
comment
Затем прочитайте developer.mozilla.org/en-US/docs/Web/ CSS/Specificity и попробуйте сделать более конкретный селектор... (или тот же самый, но позже по порядку)   -  person Kukeltje    schedule 17.07.2017

Ответы (1)


arrow_upward
0
arrow_downward

Наконец-то я решил свою проблему, используя следующее, похоже, у меня были проблемы с кешем:

.ui-tabs-left > .ui-tabs-nav {
    height: auto !important;
}
person user2711115    schedule 18.07.2017