-
Notifications
You must be signed in to change notification settings - Fork 7
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
feat: minimal_mode for iframe embedding #138
Conversation
-feat: render minimal_mode version when url parameter is true -feat: remove hover listener (always keep visualization active) -style: remove box-shadow
-feat: add buttons for scrolling to top and bottom of navigation
-feat: add export buttons
Dominik to look at the docs |
-feat: intersection observer for hiding legend -style: styles for minimal mode buttons and spacing
-feat: reformat the linear view controls (add container) -style: adjut spacing of controls
-style: center controls only in minimal mode
-chore: adjust opacity calculation for legend -chore: update title for navigation buttons
@@ -747,3 +748,259 @@ a:hover { | |||
opacity: 1; | |||
background-color: #7aaded; | |||
} | |||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I see now that, since the gene search menu is in the middle, it occasionally overlaps with tooltips when I hover on an SV in the genome view. Making tooltips visible.
.track-mouseover-menu { | |
z-index: 999; | |
} |
const observer = new IntersectionObserver(entry => { | ||
// Set intersection ratio as opacity (round up to one decimal place) | ||
legendElement.style.opacity = '' + Math.ceil(10 * entry[0].intersectionRatio) / 10; | ||
}, options); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I was not aware of IntersectionObserver
which seems useful!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good to merge this to the main branch! Once we test this mode with additional features that we were discussing (e.g., tooltips and auto-adjustment of the size of genome view), we should update our documentation.
Minimal Mode version for the UI, to be integrated into other sites as iframes