-
Notifications
You must be signed in to change notification settings - Fork 883
Open
Labels
bugSomething isn't workingSomething isn't workingtriageAwaiting initial review and prioritizationAwaiting initial review and prioritizationv4#4488#4488
Description
Environment
Not relevant, this is a css bug
Is this bug related to Nuxt or Vue?
Nuxt
Package
v4.x
Version
v4.0.0
Reproduction
Can provide on demand but I'm fairly certain it's not needed
Description
I'm using the UPage
component along with the UPageAside
in its left template. The Aside has a top value of var(--ui-header-height) along with a max-height of 100vh-var(--ui-header-height)
. This means that unless the Page is 100vh the Aside will not respect the header height. The solution is to set the value to be min(calc(100vh-var(--ui-header-height)),calc(100%-var(--ui-header-height)))
to ensure that the top val has space to take effect at all sizes and caps out at 100vh-header
Additional context
Willing to provide a PR if wanted, I'm fine with overriding this val only on my project.
Logs
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't workingtriageAwaiting initial review and prioritizationAwaiting initial review and prioritizationv4#4488#4488