Fix genome browser vertical scrollbar (#569)

505f97e9 · Manoj Pandian Sakthivel · GitHub · 0220976e · 505f97e9 · 505f97e9
Unverified Commit 505f97e9 authored Aug 27, 2021 by Manoj Pandian Sakthivel Committed by GitHub Aug 27, 2021
Showing with 8 additions and 1 deletion

src/ensembl/src/content/app/browser/Browser.scss src/ensembl/src/content/app/browser/Browser.scss +7 -0

src/ensembl/src/content/app/browser/Browser.tsx src/ensembl/src/content/app/browser/Browser.tsx +1 -1

No files found.
--- a/src/ensembl/src/content/app/browser/Browser.scss
+++ b/src/ensembl/src/content/app/browser/Browser.scss
 @import 'src/styles/common';

+.genomeBrowser{
+  height: 100%;
+  display: grid;
+  align-items: start;
+  grid-template-rows: auto 1fr;
+}
+
 .exampleLinks {
  margin-top: 50px;
  padding-left: 80px;

--- a/src/ensembl/src/content/app/browser/Browser.tsx
+++ b/src/ensembl/src/content/app/browser/Browser.tsx
@@ -117,7 +117,7 @@ export const Browser = (props: BrowserProps) => {

  return (
    <ApolloProvider client={client}>
-      <div>
+      <div className={styles.genomeBrowser}>
        <BrowserAppBar onSpeciesSelect={changeGenomeId} />
        {props.activeGenomeId && props.browserQueryParams.focus ? (
          <StandardAppLayout