Change how CW-ed posts look
Hides content, widens the padding on "Show content" and "Hide" buttons
This commit is contained in:
parent
67525f87b3
commit
07587bbce5
3 changed files with 5 additions and 12 deletions
|
|
@ -91,7 +91,7 @@ defineExpose({
|
||||||
> span {
|
> span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
padding: 0.4em 1em;
|
padding: 0.4em 3em;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
|
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
|
||||||
|
|
@ -111,7 +111,7 @@ defineExpose({
|
||||||
> span {
|
> span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
padding: 6px 10px;
|
padding: 0.4em 3em;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
box-shadow: 0 0 7px 7px var(--bg);
|
box-shadow: 0 0 7px 7px var(--bg);
|
||||||
|
|
|
||||||
|
|
@ -47,7 +47,7 @@ defineExpose({
|
||||||
> span {
|
> span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
padding: 0.4em 1em;
|
padding: 0.4em 3em;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
|
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
|
||||||
|
|
@ -68,7 +68,7 @@ defineExpose({
|
||||||
> span {
|
> span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
padding: 6px 10px;
|
padding: 0.4em 3em;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
box-shadow: 0 0 7px 7px var(--bg);
|
box-shadow: 0 0 7px 7px var(--bg);
|
||||||
|
|
|
||||||
|
|
@ -393,14 +393,7 @@ function focusFooter(ev) {
|
||||||
> .body {
|
> .body {
|
||||||
min-height: 2em;
|
min-height: 2em;
|
||||||
max-height: 5em;
|
max-height: 5em;
|
||||||
filter: blur(4px);
|
visibility: hidden;
|
||||||
:deep(span) {
|
|
||||||
animation: none !important;
|
|
||||||
transform: none !important;
|
|
||||||
}
|
|
||||||
:deep(img) {
|
|
||||||
filter: blur(12px);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
:deep(.fade) {
|
:deep(.fade) {
|
||||||
inset: 0;
|
inset: 0;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue