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%;
    }
This commit is contained in:
Maikel Linke
2017-06-16 16:49:43 +10:00
parent ba27d63f9c
commit e437cba155
2 changed files with 4 additions and 2 deletions

View File

@@ -118,8 +118,10 @@ nav {
}
.top-bar .ofn-logo img {
height: 51px;
height: auto;
width: auto;
max-height: 51px;
max-width: 250px;
}
.left-off-canvas-menu {

View File

@@ -3,7 +3,7 @@
%ul.left
%li.ofn-logo
%a{href: root_path}
%img{src: ContentConfig.logo.url, width: "250", height: "51"}
%img{src: ContentConfig.logo.url}
%ul.center
%li
%a{href: main_app.shops_path}