Unverified Commit 924e02f3 authored by Andrey Azov's avatar Andrey Azov Committed by GitHub
Browse files

Fix layout for the Species page (#522)

parent 58aa77a2
Pipeline #175236 passed with stages
in 4 minutes and 43 seconds
@import 'src/styles/common';
.speciesPage {
display: grid;
grid-template-rows: max-content 1fr;
height: 100%;
}
.topbar {
display: grid;
grid-template-columns: 1fr auto;
......
......@@ -59,7 +59,7 @@ const SpeciesPageContent = () => {
}, [genomeId]);
return (
<>
<div className={styles.speciesPage}>
<SpeciesAppBar onSpeciesSelect={changeGenomeId} />
<StandardAppLayout
......@@ -73,7 +73,7 @@ const SpeciesPageContent = () => {
}}
viewportWidth={BreakpointWidth.DESKTOP}
/>
</>
</div>
);
};
......
@import 'src/styles/common';
$headerHeight: 84px; // launchbar height + topbar height
$appbarHeight: 80px;
$availableScreenHeight: calc(100vh - #{$headerHeight} - #{$appbarHeight});
$sidebarContentWidth: 320px;
$sidebarToolstripWidth: 46px;
$topbarHeight: 38px;
$drawerWindowWidth: 45px;
.standardAppLayout {
height: $availableScreenHeight;
height: 100%;
min-height: 550px; // based on the current interface of genome browser
overflow: hidden;
}
......
.wrapper {
height: calc(100vh - 2rem);
border: 2px solid black;
padding-top: calc(155px - 2rem);
}
.mainContent {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment