diff --git a/app/packs/images/bcn-logo-mobile.svg b/app/packs/images/bcn-logo-mobile.svg new file mode 100644 index 000000000..e8394d940 --- /dev/null +++ b/app/packs/images/bcn-logo-mobile.svg @@ -0,0 +1,4 @@ + + + + diff --git a/app/packs/images/bcn-logo.svg b/app/packs/images/bcn-logo.svg new file mode 100644 index 000000000..27e7a2c29 --- /dev/null +++ b/app/packs/images/bcn-logo.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/app/packs/stylesheets/decidim/decidim_application.scss b/app/packs/stylesheets/decidim/decidim_application.scss index d0561d3f3..f4d4f6194 100644 --- a/app/packs/stylesheets/decidim/decidim_application.scss +++ b/app/packs/stylesheets/decidim/decidim_application.scss @@ -74,6 +74,58 @@ padding-bottom: 12px; } +.brand-bar { + padding-top: 0.2rem !important; + padding-bottom: 0.2rem !important; + display: flex; + flex-direction: row; + justify-content: space-between; + width: auto; +} + +.bcn-cat-link > a { + font-weight: 600; + font-size: 20px; + color: black; + line-height: 35px; + letter-spacing: -0.5px; + background-size: 0; + text-decoration: none; + font-family: "Source Sans Pro"; +} + +.logo-mobile { + display: none; +} + +.logo-desktop { + padding-right: 0; +} + +.bcn-cat-link > a:hover { + text-decoration: underline; +} + +body > div.layout-container > header > div.brand-bar > div.bcn-logo > a > span { + display: none; +} + +@media screen and (max-width: 1279px) { + .brand-bar { + padding-right: 1rem !important; + } +} + +@media screen and (max-width: 1024px) { + .logo-desktop { + display: none; + } + + .logo-mobile { + display: block; + } +} + @media (min-width: 768px) { .main-header__language-container > #trigger-dropdown-language-chooser { display: flex !important; diff --git a/app/views/layouts/decidim/header/_main.html.erb b/app/views/layouts/decidim/header/_main.html.erb index d46c69a7b..4cd1d1e89 100644 --- a/app/views/layouts/decidim/header/_main.html.erb +++ b/app/views/layouts/decidim/header/_main.html.erb @@ -1,3 +1,14 @@ +
+ + +