From 3aa1749d0ed4dca08a332b06c0c44e14922b28e0 Mon Sep 17 00:00:00 2001
From: FORESTIER Fabien <fabien.forestier@soprasteria.com>
Date: Mon, 11 May 2020 17:23:29 +0200
Subject: [PATCH] Harmonize spaces in results page
---
.../components/results/results.component.scss | 21 ++++++++++++-------
1 file changed, 13 insertions(+), 8 deletions(-)
diff --git a/src/app/datasets/components/results/results.component.scss b/src/app/datasets/components/results/results.component.scss
index 88878ec5..951fd8b0 100644
--- a/src/app/datasets/components/results/results.component.scss
+++ b/src/app/datasets/components/results/results.component.scss
@@ -4,11 +4,12 @@
//not working in a calc()
$sticky-distance: $header-bar-height + 32px;
-.main-content{
+.main-content {
display: flex;
padding: 2rem;
flex-direction: column;
- @media screen and(min-width:$desktop){
+
+ @media screen and(min-width:$desktop) {
flex-direction: row;
}
}
@@ -82,12 +83,13 @@ $sticky-distance: $header-bar-height + 32px;
border-radius: 8px;
padding: 0.7rem;
margin-bottom: 1rem;
+
@media screen and (min-width: $desktop) {
height: calc(100vh - #{$header-bar-height} - #{$footer-height});
overflow-y: auto;
position: sticky;
top: $sticky-distance;
- margin-right:1rem;
+ margin-right: 1rem;
margin-bottom: 0;
}
}
@@ -100,12 +102,13 @@ $sticky-distance: $header-bar-height + 32px;
box-shadow: 0px 6px 12px rgba(129, 128, 128, 0.1);
border-radius: 8px;
box-sizing: border-box;
+ flex-shrink: 1;
@media screen and (min-width: $tablet) {
padding: 2rem;
}
- .tab-results {
+ .tab-results {
margin-top: 1rem;
margin-bottom: 1rem;
border-bottom: 2px solid $grey-background-color;
@@ -225,11 +228,13 @@ span.item-found {
margin-bottom: 0.75rem;
margin-top: 0.5rem;
}
-hr{
- margin-left:-2rem;
- margin-right:-2rem;
- background:$grey-background-color;
+
+hr {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ background: $grey-background-color;
}
+
.pagination-bottom {
display: flex;
justify-content: center;
--
GitLab