From a186d29cd93b399133435028781b0f5ac3b84356 Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 19 May 2021 12:08:35 +0200 Subject: [PATCH 1/3] taille logo header et debubar --- user/config/system.yaml | 2 +- .../epau-antimatter/css-compiled/template.css | 23 ++++++++++--------- .../scss/template/_custom.scss | 8 +++++-- .../scss/template/_extensions.scss | 2 +- 4 files changed, 20 insertions(+), 15 deletions(-) diff --git a/user/config/system.yaml b/user/config/system.yaml index 4e62413..6bbe4c0 100644 --- a/user/config/system.yaml +++ b/user/config/system.yaml @@ -150,7 +150,7 @@ log: syslog: facility: local6 debugger: - enabled: true + enabled: false provider: debugbar censored: false shutdown: diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css index 77295cd..13c4bb9 100644 --- a/user/themes/epau-antimatter/css-compiled/template.css +++ b/user/themes/epau-antimatter/css-compiled/template.css @@ -52,10 +52,10 @@ b, strong, label, th { .right { float: right; } -.default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, .modular .showcase .button { - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - transition: all 0.5s ease; } +.default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, #header.scrolled img, .modular .showcase .button { + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; } .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer { padding-left: 7rem; @@ -815,6 +815,12 @@ ul.pagination { #header.scrolled { padding-left: 2rem; padding-right: 2rem; } + #header.scrolled img { + -webkit-transform: scale(0.75); + -moz-transform: scale(0.75); + -ms-transform: scale(0.75); + -o-transform: scale(0.75); + transform: scale(0.75); } #header #navbar ul.navigation li a { font-family: "Sarabun", sans-serif; @@ -840,15 +846,10 @@ ul.pagination { #logo { position: relative; display: flex; - flex-direction: row; - -webkit-transform: scale(0.75); - -moz-transform: scale(0.75); - -ms-transform: scale(0.75); - -o-transform: scale(0.75); - transform: scale(0.75); } + flex-direction: row; } #logo img { padding: 0.5rem; - height: 3rem; + height: 3.5rem; margin: auto; } #logo img #gouv { padding-right: 2rem; diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss index a87eef7..1a39eac 100644 --- a/user/themes/epau-antimatter/scss/template/_custom.scss +++ b/user/themes/epau-antimatter/scss/template/_custom.scss @@ -36,6 +36,10 @@ #header.scrolled { padding-left: 2rem; padding-right: 2rem; + img { + @include transform(scale(0.75)); + @extend .default-animation; + } } #header #navbar ul.navigation li a { @@ -69,7 +73,7 @@ position: relative; display: flex; flex-direction: row; - @include transform(scale(0.75)); + // @include transform(scale(0.75)); // &.active { // a:after { // top: 0; @@ -80,7 +84,7 @@ img { padding: 0.5rem; - height: 3rem; + height: 3.5rem; margin:auto; #gouv { padding-right: 2rem; diff --git a/user/themes/epau-antimatter/scss/template/_extensions.scss b/user/themes/epau-antimatter/scss/template/_extensions.scss index 6a9b1b0..bcbd9d8 100644 --- a/user/themes/epau-antimatter/scss/template/_extensions.scss +++ b/user/themes/epau-antimatter/scss/template/_extensions.scss @@ -1,5 +1,5 @@ .default-animation { - @include transition(all 0.5s ease); + @include transition(all 0.5s ease-in-out); } .padding-horiz { From 2e06ded52d5e829d9367ca566e4507ccdc8526e1 Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 19 May 2021 12:23:03 +0200 Subject: [PATCH 2/3] size logo mobile --- user/themes/epau-antimatter/css-compiled/template.css | 5 ++++- user/themes/epau-antimatter/scss/template/_custom.scss | 5 ++++- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css index 13c4bb9..9e8a8a5 100644 --- a/user/themes/epau-antimatter/css-compiled/template.css +++ b/user/themes/epau-antimatter/css-compiled/template.css @@ -866,7 +866,10 @@ ul.pagination { padding-right: 0rem !important; } #header #logo { position: absolute; - left: -1rem; } } + left: -1rem; } + #logo img { + height: 3rem; + margin-left: 1rem; } } @media (max-width: 1024px) { .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer { diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss index 1a39eac..6f2d9cb 100644 --- a/user/themes/epau-antimatter/scss/template/_custom.scss +++ b/user/themes/epau-antimatter/scss/template/_custom.scss @@ -110,7 +110,10 @@ position: absolute; left: -1rem; } - + #logo img { + height: 3rem; + margin-left: 1rem; + } } @media (max-width: 1024px) { From 98ab9ad0e1d51e54f33c63dfa0fa5f92c8388070 Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 19 May 2021 12:39:29 +0200 Subject: [PATCH 3/3] tothetop --- .../epau-antimatter/css-compiled/template.css | 16 ++++--------- .../scss/template/_custom.scss | 24 +++++++++---------- 2 files changed, 17 insertions(+), 23 deletions(-) diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css index 9e8a8a5..a61b9ba 100644 --- a/user/themes/epau-antimatter/css-compiled/template.css +++ b/user/themes/epau-antimatter/css-compiled/template.css @@ -1215,12 +1215,13 @@ ul.pagination { padding: 5% 5% 5% 5%; } } #new-footer { + position: absolute; display: flex; flex-direction: column; } #new-footer .tothetop { - position: absolute; + position: relative; height: 1rem; - bottom: 16rem; + bottom: 3rem; text-align: center; left: 0; right: 0; } @@ -1286,12 +1287,7 @@ ul.pagination { #new-footer .footer .footer-logos img { padding: 0.5rem; } #new-footer .footer .footer-logos img:last-of-type { - padding: 0.8rem; } - #new-footer .tothetop { - bottom: 37rem; } } - @media (max-width: 768px) { - #new-footer .tothetop { - bottom: 16rem !important; } } + padding: 0.8rem; } } @media (max-width: 1024px) { #new-footer .footer .contact img { max-height: 1.5rem; } @@ -1304,9 +1300,7 @@ ul.pagination { #new-footer .footer .footer-logos img { padding: 0.5rem; } #new-footer .footer .footer-logos img:last-of-type { - padding: 0.8rem; } - #new-footer .tothetop { - bottom: 14rem; } } + padding: 0.8rem; } } button:focus { border: solid !important; diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss index 6f2d9cb..6001a39 100644 --- a/user/themes/epau-antimatter/scss/template/_custom.scss +++ b/user/themes/epau-antimatter/scss/template/_custom.scss @@ -703,15 +703,15 @@ #new-footer { - // position:absolute; + position:absolute; display: flex; flex-direction: column; .tothetop { - position: absolute; + position: relative; // align-self: center; height: 1rem; - bottom: $footer-height + 10rem; + bottom: 3rem; text-align: center; left: 0; right: 0; @@ -801,14 +801,14 @@ } } } - .tothetop { - bottom: $footer-height + 31rem; - } + // .tothetop { + // bottom: $footer-height + 28rem; + // } } @media (max-width: 768px) { - .tothetop { - bottom: $footer-height + 10rem !important; - } + // .tothetop { + // bottom: $footer-height + 10rem; + // } } @media (max-width: 1024px) { @@ -828,9 +828,9 @@ } } } - .tothetop { - bottom: $footer-height + 8rem; - } + // .tothetop { + // bottom: $footer-height + 11rem; + // } }