mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-03-01 02:03:22 +00:00
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:
@@ -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 {
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user