upd: change how show more gets shown

This commit is contained in:
Mar0xy 2023-10-16 01:39:02 +02:00
parent 1eb536f086
commit 6779272c81
No known key found for this signature in database
GPG key ID: 56569BBE47D2C828
3 changed files with 8 additions and 5 deletions

View file

@ -866,7 +866,6 @@ function readPromo() {
position: relative;
max-height: 9em;
overflow: clip;
mask: linear-gradient(black calc(100% - 64px),transparent);
}
.collapsed {
@ -877,7 +876,8 @@ function readPromo() {
z-index: 2;
width: 100%;
height: 64px;
//background: linear-gradient(0deg, var(--panel), var(--X15));
--mix: color-mix(in srgb, var(--panel) 10%, transparent);
background: linear-gradient(0deg, var(--mix), transparent);
&:hover > .collapsedLabel {
background: var(--panelHighlight);

View file

@ -62,8 +62,9 @@ onUnmounted(() => {
left: 0;
width: 100%;
height: 64px;
//background: linear-gradient(0deg, var(--panel), var(--X15));
mask: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
--mix: color-mix(in srgb, var(--panel) 10%, transparent);
background: linear-gradient(0deg, var(--mix), transparent);
backdrop-filter: blur(1px);
> .fadeLabel {
display: inline-block;

View file

@ -71,7 +71,9 @@ const collapsed = $ref(isLong);
left: 0;
width: 100%;
height: 64px;
mask: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
--mix: color-mix(in srgb, var(--panel) 10%, transparent);
background: linear-gradient(0deg, var(--mix), transparent);
backdrop-filter: blur(1px);
> .fadeLabel {
display: inline-block;