Bugged Icons

Question

Bugged Icons

Closed this issue 3 months ago · 14 comments

RustyElbow commented 3 months ago

Icons in application menu are blacked out and have no spacing.

Thanks.

Answer 1 · 2024-07-08T13:44:02.000Z

What version of firefox and what OS ?

This is how mine looks 127.0.2 win11.

Answer 2 · 2024-07-08T14:27:59.000Z

127.0.2
Win 11 23H2

Answer 3 · 2024-07-08T15:04:48.000Z

Do you have other modifications done? Remove everything except the userChrome.css and icons_in_main_menu file.

Maybe try creating new firefox profile.
Go to about:profiles and create new profile

Maybe you have about:config some preferences set that works against it.

Answer 4 · 2024-07-08T15:06:20.000Z

Ah yes, I have a modified user.js. Now I have to find the line thats causing the issue...

Answer 5 · 2024-07-09T10:02:28.000Z

Ah yes, I have a modified user.js. Now I have to find the line thats causing the issue...

Have you found the error in your user.js? I have the same problem : /

Answer 6 · 2024-07-09T10:31:50.000Z

I've had no luck... It still does it even though the user.js is gone. I would've thought SVG would be causing the issue but even with that enabled still the same issue.

Answer 7 · 2024-07-09T11:09:04.000Z

I figured what's the issue. You downloaded the v2.7.8_ModBlur-Firefox_v126.zip file that doesnt have the icons in main menu fixes 795497f that was added after.

In this page https://github.com/datguypiko/Firefox-Mod-Blur/releases/tag/v2.7.8 at the top download from "Latest Full Repository"

Or update the mod file code with the new one.

I will push all the updates to new release after firefox v128 drop in few days.

Answer 8 · 2024-07-09T11:35:32.000Z

Brilliant! thank you. Will this update be the one with oneliner?

Answer 9 · 2024-07-09T13:46:36.000Z

128 has been release btw!

Answer 10 · 2024-07-09T14:17:59.000Z

Brilliant! thank you. Will this update be the one with oneliner?

no, not yet but if you want you can use this for now.

add it at the end of userChrome

/* Menu button */
#PanelUI-button {
  order: -2 !important;
}


#PanelUI-menu-button {
  padding: 0 !important;
  padding-left: 2px !important;
}

#alltabs-button {
  display: none !important;
}


:root {
  --uc-toolbar-position: 4;
}

:root {
      --firefoxcss-urlbar-min-width: 45vw;
      --firefoxcss-urlbar-max-width: 45vw;
}

#nav-bar {
    order: 1;
}
  
#titlebar {
    order: 2;
}

#PersonalToolbar {
    order: 3;
}

#TabsToolbar > .titlebar-spacer {
  display: none !important;
}


@media screen and (max-width: 1500px) {
  #urlbar-container{ 
/*     min-width: unset !important; 
    width: auto !important; 
    flex-shrink: 1 !important; */
  }
}  

   
@media (min-width: 1100px) {

  #navigator-toolbox { display: flex; flex-wrap: wrap; flex-direction: row; }

  #nav-bar {
    order: 1;
    width: var(--firefoxcss-urlbar-min-width);
/* var(--firefoxcss-control-buttons-margin); */
  }
  
  #nav-bar #urlbar-container { min-width: unset !important; width: auto !important; }

  #titlebar {
    order: 2;
    width: calc(100vw - var(--firefoxcss-urlbar-min-width) - 1px);
  }

/* --firefoxcss-control-buttons-margin */
  #PersonalToolbar {
    order: 3;
    width: 100%;

  }

  #navigator-toolbox:focus-within #nav-bar { width: var(--firefoxcss-urlbar-max-width); }
  #navigator-toolbox:focus-within #titlebar { width: calc(100vw - var(--firefoxcss-urlbar-max-width) - 1px); }
}

Answer 11 · 2024-07-09T15:14:19.000Z

Thank you! :)

Answer 12 · 2024-07-20T05:07:38.000Z

Brilliant! thank you. Will this update be the one with oneliner?

no, not yet but if you want you can use this for now.

add it at the end of userChrome

/* Menu button */
#PanelUI-button {
  order: -2 !important;
}


#PanelUI-menu-button {
  padding: 0 !important;
  padding-left: 2px !important;
}

#alltabs-button {
  display: none !important;
}


:root {
  --uc-toolbar-position: 4;
}

:root {
      --firefoxcss-urlbar-min-width: 45vw;
      --firefoxcss-urlbar-max-width: 45vw;
}

#nav-bar {
    order: 1;
}
  
#titlebar {
    order: 2;
}

#PersonalToolbar {
    order: 3;
}

#TabsToolbar > .titlebar-spacer {
  display: none !important;
}


@media screen and (max-width: 1500px) {
  #urlbar-container{ 
/*     min-width: unset !important; 
    width: auto !important; 
    flex-shrink: 1 !important; */
  }
}  

   
@media (min-width: 1100px) {

  #navigator-toolbox { display: flex; flex-wrap: wrap; flex-direction: row; }

  #nav-bar {
    order: 1;
    width: var(--firefoxcss-urlbar-min-width);
/* var(--firefoxcss-control-buttons-margin); */
  }
  
  #nav-bar #urlbar-container { min-width: unset !important; width: auto !important; }

  #titlebar {
    order: 2;
    width: calc(100vw - var(--firefoxcss-urlbar-min-width) - 1px);
  }

/* --firefoxcss-control-buttons-margin */
  #PersonalToolbar {
    order: 3;
    width: 100%;

  }

  #navigator-toolbox:focus-within #nav-bar { width: var(--firefoxcss-urlbar-max-width); }
  #navigator-toolbox:focus-within #titlebar { width: calc(100vw - var(--firefoxcss-urlbar-max-width) - 1px); }
}

Win10

Answer 13 · 2024-07-20T06:56:42.000Z

Brilliant! thank you. Will this update be the one with oneliner?

no, not yet but if you want you can use this for now.

add it at the end of userChrome

/* Menu button */
#PanelUI-button {
  order: -2 !important;
}


#PanelUI-menu-button {
  padding: 0 !important;
  padding-left: 2px !important;
}

#alltabs-button {
  display: none !important;
}


:root {
  --uc-toolbar-position: 4;
}

:root {
      --firefoxcss-urlbar-min-width: 45vw;
      --firefoxcss-urlbar-max-width: 45vw;
}

#nav-bar {
    order: 1;
}
  
#titlebar {
    order: 2;
}

#PersonalToolbar {
    order: 3;
}

#TabsToolbar > .titlebar-spacer {
  display: none !important;
}


@media screen and (max-width: 1500px) {
  #urlbar-container{ 
/*     min-width: unset !important; 
    width: auto !important; 
    flex-shrink: 1 !important; */
  }
}  

   
@media (min-width: 1100px) {

  #navigator-toolbox { display: flex; flex-wrap: wrap; flex-direction: row; }

  #nav-bar {
    order: 1;
    width: var(--firefoxcss-urlbar-min-width);
/* var(--firefoxcss-control-buttons-margin); */
  }
  
  #nav-bar #urlbar-container { min-width: unset !important; width: auto !important; }

  #titlebar {
    order: 2;
    width: calc(100vw - var(--firefoxcss-urlbar-min-width) - 1px);
  }

/* --firefoxcss-control-buttons-margin */
  #PersonalToolbar {
    order: 3;
    width: 100%;

  }

  #navigator-toolbox:focus-within #nav-bar { width: var(--firefoxcss-urlbar-max-width); }
  #navigator-toolbox:focus-within #titlebar { width: calc(100vw - var(--firefoxcss-urlbar-max-width) - 1px); }
}

Win10

Look at file structure in installation instructions you are probably missing some files.

Answer 14 · 2024-07-20T11:12:39.000Z

Brilliant! thank you. Will this update be the one with oneliner?

no, not yet but if you want you can use this for now.
add it at the end of userChrome

/* Menu button */
#PanelUI-button {
  order: -2 !important;
}


#PanelUI-menu-button {
  padding: 0 !important;
  padding-left: 2px !important;
}

#alltabs-button {
  display: none !important;
}


:root {
  --uc-toolbar-position: 4;
}

:root {
      --firefoxcss-urlbar-min-width: 45vw;
      --firefoxcss-urlbar-max-width: 45vw;
}

#nav-bar {
    order: 1;
}
  
#titlebar {
    order: 2;
}

#PersonalToolbar {
    order: 3;
}

#TabsToolbar > .titlebar-spacer {
  display: none !important;
}


@media screen and (max-width: 1500px) {
  #urlbar-container{ 
/*     min-width: unset !important; 
    width: auto !important; 
    flex-shrink: 1 !important; */
  }
}  

   
@media (min-width: 1100px) {

  #navigator-toolbox { display: flex; flex-wrap: wrap; flex-direction: row; }

  #nav-bar {
    order: 1;
    width: var(--firefoxcss-urlbar-min-width);
/* var(--firefoxcss-control-buttons-margin); */
  }
  
  #nav-bar #urlbar-container { min-width: unset !important; width: auto !important; }

  #titlebar {
    order: 2;
    width: calc(100vw - var(--firefoxcss-urlbar-min-width) - 1px);
  }

/* --firefoxcss-control-buttons-margin */
  #PersonalToolbar {
    order: 3;
    width: 100%;

  }

  #navigator-toolbox:focus-within #nav-bar { width: var(--firefoxcss-urlbar-max-width); }
  #navigator-toolbox:focus-within #titlebar { width: calc(100vw - var(--firefoxcss-urlbar-max-width) - 1px); }
}

Win10

Look at file structure in installation instructions you are probably missing some files.

I see, you're absolutely correct. The 'ASSETS' folder was missing from the installation directory. I apologize for overlooking this. The issue has been resolved, thank you.