Как выровнять текст бейджа по левому/правому краю в расширении для браузера
Я работаю над расширением для браузера под названием Stack Me First, куда я добавляю немного более длинный текст значка. Но важно, чтобы первые несколько букв текста были видны.
В настоящее время текст значка выровнен по центру, поэтому видны только несколько центральных букв, что не дает достаточного контекста.
Итак, можно ли выровнять текст по левому/правому краю по мере необходимости?
Скриншоты ниже для справки
В тексте значка указано «JoinCommunity», что указывает на то, что пользователь не присоединился к сообществу. Я знаю, что он большой (поэтому я также использую браузерAction.setTitle ). И поскольку отображается до 4 букв, я хочу, чтобы эти 4 буквы были «Присоединиться», чтобы было понятнее. Могу ли я сделать это, чтобы текст на значке остался прежним?
Ответы 1
Как вы правильно заметили - документация не рекомендует использовать для текста значков более 4 символов.
Поскольку пространство ограничено, мы рекомендуем использовать в тексте значка четыре или менее символов.
Для разных браузеров теперь работает по-разному, например: Google Chrome v.126.0.6478.127 - выравнивает текст по центру, Firefox v.127.0.2 - выравнивает текст по левому краю.
Вот как это выглядит в моем
- Гугл Хром —
- Фаерфокс -
Если вы пишете кроссбраузерное расширение, возможно, стоит изначально использовать не более 4 символов, чтобы текст везде выглядел примерно одинаково, но при этом добавить динамическую аннотацию при наведении мыши на значок значка методом — setTitle.
Я уже использую setTitle, но он виден только при наведении курсора. Поэтому искал другие варианты. Но эта информация помогает, спасибо.
Нет, это невозможно. Текущее выравнивание по центру я считаю ошибкой, потому что оно не имеет смысла, т. е. выравнивание следует оставить по умолчанию. Вы можете сообщить об этом на странице bugzilla.mozilla.org