The bottom part of the 'About Betterbird' Window is cut off

[kiki-ja]

The bottom of the 'About Betterbird' window is cut off and the text is not visible. Please see the screenshot. Is this a problem in my environment?

---

I modified it by adding the following two lines to 'aboutDialog.css'.

#leftBox {
  background-image: url("chrome://branding/content/about-logo.svg");
  background-repeat: no-repeat;
  /* min-width and min-height create room for the logo */
  min-width: 210px;
  min-height: 210px;
 + margin-top: 20px; /* add */
 + margin-bottom: 20px; /* add */
  margin-inline-start: 30px;
}

Below is a screenshot of the results.

@kiki-ja

[Betterbird]

Hmm, works for me:

Windows:

Linux:

Why doesn't it fit for you? Looks like the logo is too small. I can add the margin, it was requested here: Issue #241

[Betterbird]

Does it work with 10px margin instead of 20px? How about increasing min-height?

[kiki-ja]

I saw your screenshot and it turns out that it seems to be a problem with my system font.

Why doesn't it fit for you? Looks like the logo is too small.

On my Windows 10 PC I have changed the system font and size so the font is probably a bit large for the logo. This is probably why the logo appears small in terms of balance. This may be the reason why the bottom row of text is two lines long and cut off from the window.

My system font: 'BIZ UDGothic font family' https://learn.microsoft.com/en-us/typography/font-list/biz-udgothic

I can add the margin, it was requested here: Issue #241

Seems like a problem with my font. But it is strange because in Thunderbird it is not a problem.(?????) If it is not a problem in other users' environments, then there is no need to add margins.

Does it work with 10px margin instead of 20px?

10px margin would work, but a 20px margin was best.

margin 10px case:

How about increasing min-height?

I tried it, but up the min-height did not make the desired change.

---

So I will deal with this by customizing it with CSS.

userChrome.css:

#leftBox {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

Thank you very much.

@kiki-ja

[Betterbird]

Thanks for the details, we'll consider adding 15px margin since something similar was requested in Issue #241.

[Betterbird]

How does this issue look in BB 128? We've never addressed it :cry:

[kiki-ja]

Betterbird 128.5.0esr en-US version has no problem. But in Betterbird 128.5.0esr ja version it looks like this. I have added top and bottom margins to the "#leftBox".

[userChrome.css] #leftBox { margin-top: 15px !important; margin-bottom: 20px !important; /* or 15px */ }

If you want the bottom line to be one line, add the following.

~~[userChrome.css] #rightBox { min-width: 230px !important; /* 230px should be changed according to your environment */ }~~

#rightBox does not seem to work, so substitute "#aboutDialogContainer" as shown below. [userChrome.css]

#aboutDialogContainer {
width: 680px !important; /* 680px should be changed according to your environment */
} 

@kiki-ja

[Betterbird]

OK, we'll add the 15px top and bottom margin to finally close the issue. Thanks for your advice.

[Betterbird]

OK, I added 15px margin to the leftBox. The rightBox had 20px margin, we needed to increase that so text and image line up vertically centred. Of course that brings the text further down and may defy the purpose altogether.

[Betterbird]

Is this better in 128.5.2 now?

[kiki-ja]

128.5.2 bb19 64bit Windows 10 Pro 22H2 64bit

About Betterbird (ja version) window is good. See screenshot.

---

[Ref] I have made the following customization to make the bottom line of text a single line.

[userChrome.css]

#aboutDialogContainer {
  width: 680px !important;
}

@kiki-ja

[Betterbird]

OK, thanks for testing. I actually looked at it with a Japanese language pack and the font was way smaller.

[kiki-ja]

I actually looked at it with a Japanese language pack and the font was way smaller.

That seems to be normal.

In my case, as I mentioned earlier, I have changed the OS system font. Also, its font size is increased by 1 - 2pt. So I have customized it a little.

I would be happy if you could use this as reference information for the Japanese version.

@kiki-ja

[Betterbird]

I would be happy if you could use this as reference information for the Japanese version.

I'm not sure what you want me to do. Everything should be fine now for the Japanese version.