From 97db8df06aee467aa008ebb050dc9f32d48c9324 Mon Sep 17 00:00:00 2001
From: Jeremie BRISON <ext.sopra.jbrison@grandlyon.com>
Date: Tue, 19 Jan 2021 17:44:44 +0100
Subject: [PATCH] fix (form) : fix desktop view
---
src/app/form/form.component.scss | 31 +++++++++++++++++++------------
1 file changed, 19 insertions(+), 12 deletions(-)
diff --git a/src/app/form/form.component.scss b/src/app/form/form.component.scss
index e9af77128..950fe74ee 100644
--- a/src/app/form/form.component.scss
+++ b/src/app/form/form.component.scss
@@ -10,21 +10,17 @@
top: #{$header-height};
z-index: 9999;
overflow: auto;
-}
-
-@media #{$tablet} {
- .form {
+ @media #{$tablet} {
height: calc(100vh);
top: 0;
}
- .header {
- display: block !important;
- }
- .footer {
+}
+
+.footer {
+ @media #{$tablet} {
display: flex !important;
}
}
-
.header {
height: #{$header-height-phone};
line-height: #{$header-height-phone};
@@ -36,6 +32,9 @@
background-color: $grey-1;
color: $white;
padding: 0 20px;
+ @media #{$tablet} {
+ display: block !important;
+ }
h3 {
margin: 0;
}
@@ -48,10 +47,17 @@
}
.page {
display: block;
- height: calc(100vh - #{$header-height-phone} - #{$footer-height-phone});
- overflow-y: scroll;
+ height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-height-phone});
+
+ overflow-y: auto;
+ @media #{$tablet} {
+ height: calc(100vh - #{$header-height-phone} - #{$footer-height-phone});
+ }
&.home {
- height: calc(100vh - #{$header-height-phone} - 1px);
+ height: calc(100vh - #{$header-height} - #{$footer-height});
+ @media #{$tablet} {
+ height: calc(100vh - #{$header-height-phone} - 1px);
+ }
}
}
.titleDesc {
@@ -66,6 +72,7 @@
background: $secondary-color;
border-radius: 4px;
outline: none;
+ cursor: pointer;
border: 0;
color: $white;
height: 40px;
--
GitLab