mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

opened tabs menu visibility improvements (#3620)

Browse source 
- Added tooltip to display the entire title of the tab on hover
- Ellipsize the text of the tab title to display as much of the last
word as possible

Fixes: #3609
This commit is contained in:
abaevbog 2024-01-29 02:40:09 -05:00 committed by GitHub
parent 41294e0ff7
commit e68b9b80ad
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
chrome/content/zotero/tabs.js
View file

@ -845,6 +845,7 @@ var Zotero_Tabs = new function () {
tabName.setAttribute('class', 'zotero-tabs-menu-entry title'); tabName.setAttribute('class', 'zotero-tabs-menu-entry title');
tabName.setAttribute('tabindex', `${index++}`); tabName.setAttribute('tabindex', `${index++}`);
tabName.setAttribute('aria-label', tab.title); tabName.setAttribute('aria-label', tab.title);
tabName.setAttribute('tooltiptext', tab.title);
// Cross button to close a tab // Cross button to close a tab
let closeButton = document.createXULElement('toolbarbutton'); let closeButton = document.createXULElement('toolbarbutton');

4
scss/components/_tabsMenu.scss
View file

@ -44,6 +44,10 @@
// override default description margins // override default description margins
margin-bottom: 0; margin-bottom: 0;
margin-block-start: 0; margin-block-start: 0;
// show as much of the description as possible
white-space: nowrap;
min-width: 280px;
text-overflow: ellipsis;
} }
.tab-icon { .tab-icon {
width: 16px; width: 16px;