mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-23 02:33:08 +02:00
upd: change how show more gets shown
This commit is contained in:
parent
1eb536f086
commit
6779272c81
3 changed files with 8 additions and 5 deletions
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue