missing hamburger menu icons

jon48 / webtrees-theme-rural

Rural theme for webtrees

GNU General Public License v3.0

11 stars 2 forks source link

missing hamburger menu icons #13

Closed arbor95 closed 1 year ago

arbor95 commented 4 years ago

missing hamburger on small screen

arbor95 commented 4 years ago

is needed see: missing theme selection on small screen

compare on large screen existing theme selection

arbor95 commented 4 years ago

menu and header conflict

not quite the same problem

jon48 commented 4 years ago

Hello,

Please see my answer on the forum.

You other points are consequences of that decision to stick the standard header structure defined by webtrees, and constraints on small screens:

Keeping all the menus was not working nicely on small screens, so on those I am hiding a menu that I feel is less used than the other ones: the theme menu.
The other issue will be difficult to fix for me: the menus have a transparent background, and their font is chosen to contrast against the deep brown of the background. It cannot detect that your image has a quite pale background, and that the font color will not contrast enough. I would suggest you choose a darker background for your image to match the white font.

jon48 commented 4 years ago

Hello

It cannot detect that your image has a quite pale background, and that the font color will not contrast enough.

I stand corrected on that statement. After a bit of research, it appears that there is a CSS attribute mix-blend-mode that has some capabilities in that area.

I have done a bit of testing, and whereas it seems to do the job, I can see some random side effects on the font color, which I am not entirely satisfied with. Would you mind do some testing with the file attached (which is built on top of the 2.0.9-v.1 version just released)?

rural.min.css.zip (to overwrite the file modules_v4\myartjaub_ruraltheme\resources\css\rural.min.css

arbor95 commented 4 years ago

Hello Jonathan, thx for 2.0.9-v.1 and the explanations. I did a test with the "mix-blend-mode" - version and some headers and I think it does its work.