Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
ensembl-web
ensembl-client
Commits
924e02f3
Unverified
Commit
924e02f3
authored
Jul 14, 2021
by
Andrey Azov
Committed by
GitHub
Jul 14, 2021
Browse files
Fix layout for the Species page (#522)
parent
58aa77a2
Pipeline
#175236
passed with stages
in 4 minutes and 43 seconds
Changes
4
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
9 additions
and
7 deletions
+9
-7
src/ensembl/src/content/app/species/SpeciesPage.scss
src/ensembl/src/content/app/species/SpeciesPage.scss
+6
-0
src/ensembl/src/content/app/species/SpeciesPageContent.tsx
src/ensembl/src/content/app/species/SpeciesPageContent.tsx
+2
-2
src/ensembl/src/shared/components/layout/StandardAppLayout.scss
...sembl/src/shared/components/layout/StandardAppLayout.scss
+1
-4
src/ensembl/stories/shared-components/layout/Layout.stories.scss
...embl/stories/shared-components/layout/Layout.stories.scss
+0
-1
No files found.
src/ensembl/src/content/app/species/SpeciesPage.scss
View file @
924e02f3
@import
'src/styles/common'
;
.speciesPage
{
display
:
grid
;
grid-template-rows
:
max-content
1fr
;
height
:
100%
;
}
.topbar
{
display
:
grid
;
grid-template-columns
:
1fr
auto
;
...
...
src/ensembl/src/content/app/species/SpeciesPageContent.tsx
View file @
924e02f3
...
...
@@ -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
>
);
};
...
...
src/ensembl/src/shared/components/layout/StandardAppLayout.scss
View file @
924e02f3
@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
;
}
...
...
src/ensembl/stories/shared-components/layout/Layout.stories.scss
View file @
924e02f3
.wrapper
{
height
:
calc
(
100vh
-
2rem
);
border
:
2px
solid
black
;
padding-top
:
calc
(
155px
-
2rem
);
}
.mainContent
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment