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

Switch to mask-image for fade-off effect in tabs

Browse source
This commit is contained in:
Tom Najdek 2024-01-30 00:45:16 +01:00
parent 83491c14bb
commit b3cf2ac67e
No known key found for this signature in database
GPG key ID: EEC61A7B4C667D77
1 changed files with 1 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
scss/components/_tabBar.scss
View file

@ -197,18 +197,13 @@
} }
.tab-name { .tab-name {
background: linear-gradient(to left, transparent 0px, var(--fill-primary) 20px) text;
flex: 1 1 100%; flex: 1 1 100%;
line-height: 1.38461538em; line-height: 1.38461538em;
margin-inline-start: 4px; margin-inline-start: 4px;
overflow: hidden; overflow: hidden;
text-align: left; text-align: left;
-webkit-text-fill-color: transparent;
white-space: nowrap; white-space: nowrap;
mask-image: linear-gradient(to left, transparent 0px, var(--fill-primary) 20px);
@include state('.tab:first-child') {
background: linear-gradient(to left, transparent 0px, var(--fill-primary) 10px) text;
}
} }
.tab-icon { .tab-icon {