Font size on tabs too small

[coderstarrer]

Captchas

• [X] I have read the instructions.
• [X] I have searched existing issues and avoided creating duplicates.
• [X] I am not filing an enhancement request.

What happened?

The font size is too small to read This is different to all the other font-size issues because the previous issues were mostly about the +new tab button but now its all tabs

Reproducible?

• [x] I have checked that this issue cannot be reproduced on Mozilla Firefox.

Version

1.0.1-a.2(64-bit)

What platform are you seeing the problem on?

Windows

Relevant log output

No response

[linear[bot]]

ZEN-1606 Font size on tabs too small

[kittybwained]

Getting this too, it's very annoying. How the hell do you manage to ship an update that's clearly this broken?

[kittybwained]

Found a workaround, add:

.tab-text {
    font-size: 12px !important;
}

to your userChrome.css file.

[coderstarrer]

And you could also put

 #vertical-tabs-newtab-button {
    font-size: 12px !important;
}

to the userChrome.css

[500mhzz]

Found a workaround, add:

.tab-text {
  font-size: 12px !important;
}

to your userChrome.css file.

To do this in Zen, go to the three dots beside the minimize button, click help, than More Troubleshooting Information, scroll down till you see Profile Folder with the Open Folder button beside it. Click it and than go to chrome > zen-themes than find or create any theme in there.

[kittybwained]

Also recommend adding:

.tab-icon-sound-label.tab-icon-sound-playing-label {
  font-size: 9px !important;
}

[User344]

Two updates that break something so basic back-to-back is insane

[jurienhamaker]

Stop whining guys. Its almost a solo dev doing shit to make your lifes better. If you got something to complain besides reporting an issue or a solution, start contributing.

@User344 @kittybwained

[coderstarrer]

Found a workaround, add:

.tab-text {
    font-size: 12px !important;
}

to your userChrome.css file.

To do this in Zen, go to the three dots beside the minimize button, click help, than More Troubleshooting Information, scroll down till you see Profile Folder with the Open Folder button beside it. Click it and than go to chrome > zen-themes than find or create any theme in there.

You don't need to go to help just open a new tab and do about:profiles and click on your default profile and then click on root directory, find the chrome folder if it's not there just make one and then paste the userChrome.css

[PierreL-H]

I believe this should be fixed in the next release so I'm a little late, but in the meanwhile this is what I have

  /* tab list font size fix */
  #tabbrowser-tabs[orient="vertical"] {
    & #newtab-button-container {
      font-size: unset !important;
    }
  }

  #tabbrowser-tabs {
    & .tabbrowser-tab {
      font-size: unset !important;
    }
  }

This was fixed here for the tab text: https://github.com/zen-browser/desktop/commit/4d4c2fd6768080881df4f3e887907d590ea87694#diff-1e316fee8b8eb75a4ffdc132e053a036cc22062da466549a3326fdbbdbb5b9c9L73 I couldn't find where the rule for #newtab-button-container was though.

[mauro-balades]

This has been fixed for the next release, thanks!