From 18cd12e32c21bf5906ee23ba7706ab277d0961d8 Mon Sep 17 00:00:00 2001 From: Ivo Branco Date: Wed, 26 Jun 2024 17:53:56 +0100 Subject: [PATCH] fix: display multiple lines in footer studio Duplicate Richie footer behaviour to allow a multi-line branding footer. fccn/nau-technical#173 --- .../sass/partials/cms/theme/_footer.scss | 55 ++++++++++-------- .../cms/templates/widgets/footer.html | 43 +++++++------- .../cms/templates/widgets/header.html | 2 +- .../conf/locale/en/LC_MESSAGES/django.mo | Bin 1033 -> 1033 bytes .../conf/locale/en/LC_MESSAGES/django.po | 4 +- .../conf/locale/en/LC_MESSAGES/djangojs.mo | Bin 442 -> 442 bytes .../conf/locale/en/LC_MESSAGES/djangojs.po | 2 +- .../conf/locale/pt_PT/LC_MESSAGES/django.mo | Bin 29027 -> 29027 bytes .../conf/locale/pt_PT/LC_MESSAGES/django.po | 4 +- .../conf/locale/pt_PT/LC_MESSAGES/djangojs.mo | Bin 2758 -> 2758 bytes .../conf/locale/pt_PT/LC_MESSAGES/djangojs.po | 2 +- 11 files changed, 61 insertions(+), 51 deletions(-) diff --git a/edx-platform/nau-basic/cms/static/sass/partials/cms/theme/_footer.scss b/edx-platform/nau-basic/cms/static/sass/partials/cms/theme/_footer.scss index e69f08a..867fca9 100644 --- a/edx-platform/nau-basic/cms/static/sass/partials/cms/theme/_footer.scss +++ b/edx-platform/nau-basic/cms/static/sass/partials/cms/theme/_footer.scss @@ -78,46 +78,50 @@ footer { section#entities-quick-links { background-color: white; - display: flex; - justify-content: space-between; - padding: 40px 50px; - flex-wrap: wrap; + padding: 25px 65px; @media screen and (max-width: $breakpoint-medium) { flex-direction: column; + padding-right: 0; + padding-left: 0; } - & > div { - text-align: center; - padding-bottom: 10px; + .entities-quick-links__line { + display:flex; + justify-content: center; + gap: 1.5rem; + border-block-end: 1px solid #dedede; + padding: 1rem 0 1.6rem 0; - img { - max-width: 280px; + &:last-child { + border: none; + } - @media screen and (max-width: $breakpoint-small) { - max-width: 200px; - } + @media screen and (max-width: $breakpoint-medium) { + flex-direction: column; + align-items: center; } + } + + .entities-links-logo { + text-align: center; + padding-top: 10px; + padding-right: 5px; + padding-left: 5px; - .wp-caption-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; + img { + max-width: calc(100vw - 20px); + max-height: 4.6rem; } @media screen and (max-width: $breakpoint-medium) { - padding: 10px 10px 0 10px; + margin-left: auto; + margin-right: auto; } &:first-child { text-align: left; + padding-left: 0px; @media screen and (max-width: $breakpoint-medium) { text-align: center; @@ -126,6 +130,7 @@ footer { &:last-child { text-align: right; + padding-right: 0px; @media screen and (max-width: $breakpoint-medium) { text-align: center; @@ -159,3 +164,5 @@ footer { } } } + +//aaa \ No newline at end of file diff --git a/edx-platform/nau-basic/cms/templates/widgets/footer.html b/edx-platform/nau-basic/cms/templates/widgets/footer.html index 8cafcbc..ccfd19a 100644 --- a/edx-platform/nau-basic/cms/templates/widgets/footer.html +++ b/edx-platform/nau-basic/cms/templates/widgets/footer.html @@ -62,30 +62,33 @@ - + <% - entities_logos = static.get_value('NAU_ENTITIES_FOOTER', {}).get("itens", {}) -%> - + footer_logos = static.get_value('NAU_FOOTER_LOGOS', {}).get("itens", {}) + %> + % if len(footer_logos)>0: + % endif