frjo / hugo-theme-zen

A fast and clean Hugo base theme with css-grid and Hugo pipes support.
https://zen-demo.xdeb.org/
GNU General Public License v2.0
264 stars 75 forks source link

logo + mobile results on Lighthouse overlap warning #79

Closed danielfdickinson closed 1 year ago

danielfdickinson commented 1 year ago

If one enables a 64x64 logo in params, then Lighthouse complains that the logo and and the mobile menu overlap (the warning is 'inappropriately sized tap targets' and details describe it as an overlap).

frjo commented 1 year ago

Thanks for the report, had missed that. Will see what I can do about it.

frjo commented 1 year ago

I have implemented a fix for Zen 3 now.

If you are using 2.x you can add this css to fix it I think.

.header {
  &__logo {
    width: fit-content;
  }
}
frjo commented 1 year ago

If you can confirm that it works I will make a new 2.x release with the fix.

danielfdickinson commented 1 year ago

I'm using v3, and it works. Thank you.

danielfdickinson commented 1 year ago

Er, actually there may be a regression with the .header .layout__header -- I ended up with an all black header (couldn't see title), until I used:

header.layout__header {
  background-color: inherit;
}

in _extra.scss. I'm not sure if that is because of my overrides, or an issue with the update.

frjo commented 1 year ago

I think that is due to a change I made in assets/sass/components/header/_header.scss:

.header,
%header {
  …
  background-color: var(--color-header-bg);
  …
}

You can then set the colour you like in _color.scss.

danielfdickinson commented 1 year ago

Thank you; sorry for taking so long to get back to you. It's taken me a while to get to testing the changes because of how I was using the theme.

I'm now planning to have a second fork of this repo in which I have the collection of all my changes, and the first is the one I already have, which tracks this repo and I use for things in which I think you may have an interest. The main reason for the second repo is laziness on my part; I'm using modifications to the theme in three different sites.

Thank you for all your hard work, and I hope I can have some changes that you find worth your while.

danielfdickinson commented 1 year ago

Thank you; sorry for taking so long to get back to you. I'm planning to have a second fork of this repo in which I have the collection of all my changes, and the first is the one I already have, which tracks this repo and I use for things in which I think you may have an interest. The main reason for the second repo is laziness on my part; I'm using modifications to the theme in three different sites, and it is a lot easier to keep them in sync if I have 'my own' fork

danielfdickinson commented 1 year ago

Sorry, I guess I didn't say, it works once I make all the changes.