From 599a50016872a0ff040e0890a7492aaaecc6334c Mon Sep 17 00:00:00 2001
From: miguelzinh3 <miguelssoares@pm.me>
Date: Thu, 14 Mar 2024 17:12:38 -0300
Subject: [PATCH 1/2] fix(nossas): add css classes to footer plugin

---
 .../design/static/design/scss/nossas.scss     | 150 +++++++++++++-----
 .../design/templates/nossas/footer_menu.html  |   2 +-
 .../templates/nossas/plugins/site_footer.html |  20 +--
 3 files changed, 118 insertions(+), 54 deletions(-)

diff --git a/app/nossas/design/static/design/scss/nossas.scss b/app/nossas/design/static/design/scss/nossas.scss
index 413f3dd3..ea3078e4 100644
--- a/app/nossas/design/static/design/scss/nossas.scss
+++ b/app/nossas/design/static/design/scss/nossas.scss
@@ -328,45 +328,131 @@ $carousel-control-next-icon-bg: url("data:image/svg+xml,<svg width='41' height='
 // Footer
 .footer {
     border-top: 2px solid $dark;
+    padding-bottom: 0.5rem;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem ;
+    padding-top: 3rem;
 
-    .footer-brand {
-        display: block;
-        width: 214px;
+    .footer-content {
+        display: flex;
+
+        .footer-info {
+            margin-left: 3rem;
+        }
+
+        .footer-brand {
+            display: block;
+            width: 214px;
+        }
+    
+        .footer-social-media {
+            display: flex;
+            gap: 1rem;
+            width: 250px;
+        }
+
+        .footer-institutional {
+            display: flex;
+            flex-direction: column;
+            font-size: 21px;
+            line-height: 27.5px;
+            margin-top: 1.5rem;
+            text-align: left;
+        }
+    
+        .footer-btn-group {
+            display: flex;
+            flex-direction: column;
+            padding-bottom: 1.5rem;
+            padding-top: 1.5rem;
+  
+            a {
+                font-weight: bold;
+                text-transform: uppercase;
+            }
+        }
     }
 
-    .social-media {
-        display: flex;
-        gap: 1rem;
+    .footer-line {
+        font-size: 16px;
+        text-align: center;
     }
+}
 
-    .footer-btn-group {
-        a {
-            text-transform: uppercase;
-            font-weight: bold;
+@include media-breakpoint-down(xl) {
+    .footer {
+        .footer-content {
+            .footer-info {
+                margin-left: 0;
+            }
         }
     }
 }
 
-@include media-breakpoint-down(md) {
+@include media-breakpoint-down(lg) {
     .footer {
-        .footer-brand {
-            margin: 0 auto;
-        }
+        .footer-content {
+            justify-content: center;
 
-        .social-media {
-            justify-content: space-between;
-            gap: 0;
-            padding: 0 ($spacer * 2);
-        }
+            .footer-info {
+                margin-left: 0;
+            }
 
-        .footer-btn-group {
-            > div {
+            .footer-brand {
                 margin: 0 auto;
             }
+
+            .footer-institucional {
+                text-align: center;
+            }
+
+            .footer-social-media {
+                justify-content: space-between;
+                gap: 0;
+                padding: 0 ($spacer * 2);
+            }
+
+            .footer-btn-group {
+                > div {
+                    margin: 0 auto;
+                }
+            }
+        }
+    }
+}
+
+// Footer Menu
+.footer-menu {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    gap: 1rem;
+    height: 450px;
+    padding-left: 3rem;
+    padding-top: 3rem;
+    width: 100%;
+
+    .footer-menu-item {
+        display: flex;
+        flex-direction: column;
+    
+        .nav-link {
+            font-family: $headings-font-family;
+            font-size: 29px;
+            font-weight: bold;
+            line-height: 31px;
+            padding-bottom: 10px;
+            text-transform: uppercase;
         }
     }
 }
 
+@include media-breakpoint-down(lg) {
+    .footer-menu {
+        display: none;
+    }
+}
+
 // Button Group (Admin)
 .widget-bg-btn-group {
     input[type="input"]:checked + label.widget-bg-btn,
@@ -532,28 +618,6 @@ $carousel-control-next-icon-bg: url("data:image/svg+xml,<svg width='41' height='
     }
 }
 
-// Footer
-.footer {
-    .institutional {
-        font-size: 21px;
-        line-height: 27.5px;
-    }
-
-    .nav-link {
-        font-family: $headings-font-family;
-        text-transform: uppercase;
-        font-weight: bold;
-        font-size: 29px;
-        line-height: 31px;
-        padding-bottom: 10px;
-    }
-
-    .footer-line {
-        font-size: 16px;
-        text-align: center;
-    }
-}
-
 // Headline
 .headline {
     position: relative;
diff --git a/app/nossas/design/templates/nossas/footer_menu.html b/app/nossas/design/templates/nossas/footer_menu.html
index dd4ce2b2..5a640b5b 100644
--- a/app/nossas/design/templates/nossas/footer_menu.html
+++ b/app/nossas/design/templates/nossas/footer_menu.html
@@ -1,7 +1,7 @@
 {% load menu_tags %}
 
 {% for child in children %}
-<div class="mb-3 me-5 d-flex flex-column" style="max-width:216px;">
+<div class="footer-menu-item">
     <a class="nav-link text-white" href="{{ child.attr.redirect_url|default:child.get_absolute_url }}">{{ child.attr.i18n_menu_title }}</a>
     {% if child.children %}
     {% show_menu from_level to_level extra_inactive extra_active "nossas/footer_submenu.html" "" "" child %}
diff --git a/app/nossas/plugins/templates/nossas/plugins/site_footer.html b/app/nossas/plugins/templates/nossas/plugins/site_footer.html
index 20acbb53..fc65710c 100644
--- a/app/nossas/plugins/templates/nossas/plugins/site_footer.html
+++ b/app/nossas/plugins/templates/nossas/plugins/site_footer.html
@@ -1,20 +1,20 @@
 {% load menu_tags %}
 
-<div class="footer bg-azul-nossas text-white px-4 pt-5 pb-2">
+<div class="footer bg-azul-nossas text-white">
   <div class="container-fluid">
-    <div class="d-flex justify-content-center">
-      <div>
+    <div class="footer-content">
+      <div class="footer-info">
         <a class="footer-brand" href="{{ request.scheme|add:'://'|add:request.current_site.domain }}">
             {% include "nossas/svg/brand-lg.svg" %}
         </a>
-        <p class="institutional mt-4 text-center text-md-start d-flex flex-column">
+        <p class="footer-institutional">
             {% if request.current_site.institutionalinformation %}
             <span>{{ request.current_site.institutionalinformation.address_line }}</span>
             <span>{{ request.current_site.institutionalinformation.city }}/{{ request.current_site.institutionalinformation.state }} - CEP {{ request.current_site.institutionalinformation.zipcode }}</span>
             <span>{{ request.current_site.institutionalinformation.contact_mail }}  |  {{ request.current_site.institutionalinformation.contact_phone }}</span>
             {% endif %}
         </p>
-        <div class="social-media" style="width: 315px;">
+        <div class="footer-social-media">
             <a href="https://instagram.com/_nossas">
               {% include "nossas/svg/instagram.svg" %}
             </a>
@@ -31,9 +31,9 @@
               {% include "nossas/svg/youtube.svg" %}
             </a>
         </div>
-        <div class="footer-btn-group d-flex flex-column py-4">
+        <div class="footer-btn-group">
             <div>
-              <a href="/quem-somos/trabalhe-conosco" class="btn bg-white text-azul-nossas mb-2">
+              <a href="/quem-somos/trabalhe-conosco" class="btn bg-white text-azul-nossas mb-3">
                   Trabalhe conosco
               </a>
             </div>
@@ -44,10 +44,10 @@
             </div>
         </div>
       </div>
-      <div class="d-none d-sm-flex flex-column flex-wrap pt-5 ps-5" style="height:450px;">
+      <div class="footer-menu">
         {% show_menu 0 100 100 100 "nossas/footer_menu.html" %}
       </div>
     </div>
-    <p class="footer-line">© 2023. NOSSAS. Site desenvolvido por Amí Comunicação & Design e Nome da Empresa de Desenvolvimento</p>
+    <p class="footer-line">© 2023. NOSSAS. Site desenvolvido por Amí Comunicação & Design.</p>
   </div>
-</div>
\ No newline at end of file
+</div>

From acb5ba86cab008cf6e168a96dc15265cab52fc2a Mon Sep 17 00:00:00 2001
From: Igor Santos <igr.exe@gmail.com>
Date: Fri, 15 Mar 2024 15:35:56 -0300
Subject: [PATCH 2/2] fix(nossas): change max width to footer menu item

---
 app/nossas/design/static/design/scss/nossas.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/nossas/design/static/design/scss/nossas.scss b/app/nossas/design/static/design/scss/nossas.scss
index ea3078e4..da51146b 100644
--- a/app/nossas/design/static/design/scss/nossas.scss
+++ b/app/nossas/design/static/design/scss/nossas.scss
@@ -435,6 +435,7 @@ $carousel-control-next-icon-bg: url("data:image/svg+xml,<svg width='41' height='
     .footer-menu-item {
         display: flex;
         flex-direction: column;
+        max-width: 240px;
     
         .nav-link {
             font-family: $headings-font-family;