Telegram Web K with changes to work inside I2P
https://web.telegram.i2p/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.3 KiB
76 lines
1.3 KiB
/* |
|
* https://github.com/morethanwords/tweb |
|
* Copyright (C) 2019-2021 Eduard Kuzmenko |
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE |
|
*/ |
|
|
|
.spoiler { |
|
--anim: .4s ease; |
|
position: relative; |
|
background-color: var(--spoiler-background-color); |
|
|
|
&-text { |
|
opacity: 0; |
|
} |
|
|
|
/* &-draft { |
|
background-color: var(--spoiler-draft-background-color); |
|
} */ |
|
} |
|
|
|
[style*="spoiler"] { |
|
background-color: var(--spoiler-draft-background-color); |
|
font-family: inherit !important; |
|
} |
|
|
|
.message { |
|
&.will-change { |
|
.spoiler { |
|
// box-shadow: 0 0 var(--spoiler-background-color); |
|
|
|
&-text { |
|
filter: blur(6px); |
|
} |
|
} |
|
} |
|
|
|
&.is-spoiler-visible { |
|
&.animating { |
|
.spoiler { |
|
transition: /* box-shadow var(--anim), */ background-color var(--anim); |
|
|
|
&-text { |
|
transition: opacity var(--anim), filter var(--anim); |
|
} |
|
} |
|
} |
|
|
|
&:not(.backwards) { |
|
.spoiler { |
|
background-color: transparent; |
|
// box-shadow: 0 0 30px 30px transparent; |
|
|
|
&-text { |
|
filter: blur(0); |
|
opacity: 1; |
|
} |
|
} |
|
} |
|
|
|
&.backwards { |
|
.spoiler-text { |
|
filter: blur(3px); |
|
} |
|
} |
|
} |
|
|
|
&:not(.is-spoiler-visible) { |
|
.spoiler { |
|
cursor: pointer; |
|
|
|
&-text { |
|
pointer-events: none; |
|
} |
|
} |
|
} |
|
}
|
|
|