Files
openfoodnetwork/app/views/shared/menu/_large_menu.html.haml
Maikel Linke e437cba155 Make style flexible for all sizes of logos
Trying to support logos that are big. But logos that are too small
should not be stretched either, better small than ugly.

Remove static size declaration from HTML template since it doesn't
reflect the logo size.

Unfortunately, there are other CSS files that are in conflict. The file
mail/email.css.scss defines this globally:

    img {
      max-width: 100%;
    }
2017-06-16 16:49:43 +10:00

52 lines
1.6 KiB
Plaintext

%nav.top-bar.show-for-large-up{'data-topbar' => true}
%section.top-bar-section
%ul.left
%li.ofn-logo
%a{href: root_path}
%img{src: ContentConfig.logo.url}
%ul.center
%li
%a{href: main_app.shops_path}
%span.nav-primary
= t 'label_shops'
%li
%a{href: main_app.map_path}
%span.nav-primary
= t 'label_map'
%li
%a{href: main_app.producers_path}
%span.nav-primary
= t 'label_producers'
- if feature? :connect_learn_homepage
%li
%a{href: "https://openfoodnetwork.org/au/connect/"}
%span.nav-primary
= t 'label_connect'
%li
%a{href: "https://openfoodnetwork.org/au/learn/"}
%span.nav-primary
= t 'label_learn'
- else
%li
%a{href: main_app.groups_path}
%span.nav-primary
= t 'label_groups'
%li
%a{href: ContentConfig.footer_about_url}
%span.nav-primary
= t 'label_about'
%ul.right
- if spree_current_user.nil?
= render 'shared/signed_out'
- else
= render 'shared/signed_in'
%li.current_hub{"ng-controller" => "CurrentHubCtrl", "ng-show" => "CurrentHub.hub.id", "ng-cloak" => true}
%a{href: main_app.shop_path}
%em
= t 'label_shopping'
@
%span.nav-primary.nav-branded {{ CurrentHub.hub.name | truncate:25 }}
%li.cart{"ng-cloak" => true}
= render partial: "shared/menu/cart"