New: Truncate button text

Fixes #2352

(cherry picked from commit 093ee5b88db0470426f6132e66a5893e5cf89bab)
This commit is contained in:
Mark McDowall
2025-03-02 12:35:04 -08:00
committed by Bogdan
parent 10ea6cd753
commit a19b8ea997
2 changed files with 4 additions and 0 deletions

View File

@@ -22,11 +22,14 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: hidden;
height: 24px; height: 24px;
} }
.label { .label {
padding: 0 3px; padding: 0 3px;
max-width: 100%;
max-height: 100%;
color: var(--toolbarLabelColor); color: var(--toolbarLabelColor);
font-size: $extraSmallFontSize; font-size: $extraSmallFontSize;
line-height: calc($extraSmallFontSize + 1px); line-height: calc($extraSmallFontSize + 1px);

View File

@@ -23,6 +23,7 @@ function PageToolbarButton(props) {
isDisabled && styles.isDisabled isDisabled && styles.isDisabled
)} )}
isDisabled={isDisabled || isSpinning} isDisabled={isDisabled || isSpinning}
title={label}
{...otherProps} {...otherProps}
> >
<Icon <Icon