monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

upd: change how show more gets shown

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/frontend/src/components/MkNote.vue
View file

@ -866,7 +866,6 @@ function readPromo() {
position: relative; position: relative;
max-height: 9em; max-height: 9em;
overflow: clip; overflow: clip;
mask: linear-gradient(black calc(100% - 64px),transparent);
} }
.collapsed { .collapsed {
@ -877,7 +876,8 @@ function readPromo() {
z-index: 2; z-index: 2;
width: 100%; width: 100%;
height: 64px; 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 { &:hover > .collapsedLabel {
background: var(--panelHighlight); background: var(--panelHighlight);

5
packages/frontend/src/components/MkOmit.vue
View file

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

4
packages/frontend/src/components/MkSubNoteContent.vue
View file

@ -71,7 +71,9 @@ const collapsed = $ref(isLong);
left: 0; left: 0;
width: 100%; width: 100%;
height: 64px; 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 { > .fadeLabel {
display: inline-block; display: inline-block;