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

Apply tag text color to ellipsis (#4536)

Browse source
This commit is contained in:
Abe Jellinek 2024-08-08 20:54:10 -06:00 • committed by GitHub
parent 9dd3807683
commit 2d32efbccd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 2 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

1
chrome/content/zotero/components/tagSelector/tagSelectorList.jsx
View file

@ -213,7 +213,6 @@ class TagList extends React.PureComponent {
} }
if (tag.color) { if (tag.color) {
props.style.color = tag.color;
props['data-color'] = tag.color.toLowerCase(); props['data-color'] = tag.color.toLowerCase();
} }

10
scss/components/_tagSelector.scss
View file

@ -110,6 +110,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: pre; white-space: pre;
box-sizing: border-box; box-sizing: border-box;
color: var(--fill-primary);
@include comfortable { @include comfortable {
padding: 2px 4px; padding: 2px 4px;
@ -122,6 +123,7 @@
} }
&.selected { &.selected {
color: var(--color-background);
background-color: var(--fill-secondary); background-color: var(--fill-secondary);
&:hover { &:hover {
@ -178,12 +180,4 @@
color: var(--color-background); color: var(--color-background);
background-color: var(--fill-secondary); background-color: var(--fill-secondary);
} }
span {
color: var(--fill-primary);
@include state('.tag-selector-item.selected') {
color: var(--color-background);
}
}
} }