added library tab to tabs menu, minor refactoring

- library tab appears in the tabs menu without the close button
and no drag functionality
- minor refactoring to simplify how the tabs icons are fetched for
items with item.getItemTypeIconName()
- added focus-ring to tabs and filter field via @focus-ring mixin
so that the focus outline looks the same for the input field and buttons
- removed default margin from the <description> component of the tab
titles that moved titles up by a bit
This commit is contained in:
abaevbog 2024-01-07 04:17:40 -05:00 committed by Dan Stillman
parent ef062b9a8d
commit d8a00610da
2 changed files with 56 additions and 32 deletions

View file

@ -10,6 +10,7 @@
border: 1px solid transparent;
padding-inline-start: 5px !important;
padding: 2px;
@include focus-ring(3px, 5px);
}
#zotero-tabs-menu-list {
@ -17,6 +18,7 @@
margin: 0;
.zotero-tabs-menu-entry {
@include focus-ring(3px, 5px);
border-radius: 6px;
height: 22px;
margin: 0;
@ -32,6 +34,13 @@
}
description {
overflow: hidden;
// override default description margins
margin-bottom: 0;
margin-block-start: 0;
}
.tab-icon {
width: 16px;
height: 16px;
}
}