Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Selected linked reference filter item overlaps space #80

Open
MaxLinWorm opened this issue Jul 4, 2022 · 0 comments
Open

Selected linked reference filter item overlaps space #80

MaxLinWorm opened this issue Jul 4, 2022 · 0 comments

Comments

@MaxLinWorm
Copy link

MaxLinWorm commented Jul 4, 2022

When a selected item in the linked references filter is long, it stretches beyond it's container:

image

Culprit seems to be the height: 24px rule applied to .bp3-button class

Fixed using:

div.bp3-transition-container.bp3-popover-enter-done
> div.bp3-popover[style*='transform-origin'] 
> div.bp3-popover-content 
> div[style*='max-width: 600px'] 
> div[style*='display: flex'] 
> div.flex-h-box 
> div[style*='flex: 1'] 
> div[style*='padding-top: 8px;'] 
> div[style*='position: relative;'] 
> div 
> button {
color: magenta;    
    height: auto;
}

I'm sure the selector can be much improved.

With fix:

image

Related: #79

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant