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'; @import 'src/styles/common';
.speciesPage {
display: grid;
grid-template-rows: max-content 1fr;
height: 100%;
}
.topbar { .topbar {
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
......
...@@ -59,7 +59,7 @@ const SpeciesPageContent = () => { ...@@ -59,7 +59,7 @@ const SpeciesPageContent = () => {
}, [genomeId]); }, [genomeId]);
return ( return (
<> <div className={styles.speciesPage}>
<SpeciesAppBar onSpeciesSelect={changeGenomeId} /> <SpeciesAppBar onSpeciesSelect={changeGenomeId} />
<StandardAppLayout <StandardAppLayout
...@@ -73,7 +73,7 @@ const SpeciesPageContent = () => { ...@@ -73,7 +73,7 @@ const SpeciesPageContent = () => {
}} }}
viewportWidth={BreakpointWidth.DESKTOP} viewportWidth={BreakpointWidth.DESKTOP}
/> />
</> </div>
); );
}; };
......
@import 'src/styles/common'; @import 'src/styles/common';
$headerHeight: 84px; // launchbar height + topbar height
$appbarHeight: 80px;
$availableScreenHeight: calc(100vh - #{$headerHeight} - #{$appbarHeight});
$sidebarContentWidth: 320px; $sidebarContentWidth: 320px;
$sidebarToolstripWidth: 46px; $sidebarToolstripWidth: 46px;
$topbarHeight: 38px; $topbarHeight: 38px;
$drawerWindowWidth: 45px; $drawerWindowWidth: 45px;
.standardAppLayout { .standardAppLayout {
height: $availableScreenHeight; height: 100%;
min-height: 550px; // based on the current interface of genome browser min-height: 550px; // based on the current interface of genome browser
overflow: hidden; overflow: hidden;
} }
......
.wrapper { .wrapper {
height: calc(100vh - 2rem); height: calc(100vh - 2rem);
border: 2px solid black; border: 2px solid black;
padding-top: calc(155px - 2rem);
} }
.mainContent { .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