Unverified Commit 98fc6264 authored by Manoj Pandian Sakthivel's avatar Manoj Pandian Sakthivel Committed by GitHub
Browse files

Entity viewer panels padding update (#567)

parent 0e448046
Pipeline #190135 passed with stages
in 4 minutes and 33 seconds
...@@ -15,6 +15,12 @@ $backgroundColor: $black; ...@@ -15,6 +15,12 @@ $backgroundColor: $black;
color: $white; color: $white;
display: grid; display: grid;
background-color: $backgroundColor; background-color: $backgroundColor;
grid-template-areas:
'feature-image feature-image view-in'
'tabs-and-filters tabs-and-filters tabs-and-filters'
'tab-content tab-content tab-content';
grid-template-columns: 178px 902px 1fr; grid-template-columns: 178px 902px 1fr;
grid-template-rows: min-content minmax(76px, auto) minmax(0, 1fr); grid-template-rows: min-content minmax(76px, auto) minmax(0, 1fr);
padding: 60px 20px 10px; padding: 60px 20px 10px;
...@@ -24,11 +30,11 @@ $backgroundColor: $black; ...@@ -24,11 +30,11 @@ $backgroundColor: $black;
} }
.featureImage { .featureImage {
grid-area: 1 / 1 / 2 / 3; grid-area: feature-image;
} }
.viewInLinks { .viewInLinks {
grid-area: 1 / 3 / 2 / 4; grid-area: view-in;
display: grid; display: grid;
grid-template-rows: 1fr 1fr; grid-template-rows: 1fr 1fr;
align-items: end; align-items: end;
...@@ -36,7 +42,7 @@ $backgroundColor: $black; ...@@ -36,7 +42,7 @@ $backgroundColor: $black;
} }
.geneViewTabs { .geneViewTabs {
grid-area: 2 / 1 / 3 / 4; grid-area: tabs-and-filters;
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"filter-toggle tabs" "filter-toggle tabs"
...@@ -63,7 +69,7 @@ $backgroundColor: $black; ...@@ -63,7 +69,7 @@ $backgroundColor: $black;
} }
.geneViewTabContent { .geneViewTabContent {
grid-area: 3 / 1 / 4 / 4; grid-area: tab-content;
} }
.filterLabelContainer { .filterLabelContainer {
......
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
.panelBody { .panelBody {
color: $black; color: $black;
min-height: 300px; min-height: 300px;
margin-right: 30px;
padding-bottom: 100px;
} }
.header { .header {
......
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
.panelBody { .panelBody {
color: $black; color: $black;
min-height: 300px; min-height: 300px;
margin-right: 30px;
padding-bottom: 100px;
} }
.selectedTabName { .selectedTabName {
......
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