add footer hover thingy to subnote too
This commit is contained in:
parent
0f94a62198
commit
de97032eab
|
@ -312,8 +312,12 @@ function readPromo() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover > .article > .main > .footer > .button {
|
& > .article > .main {
|
||||||
opacity: 1;
|
&:hover, &:focus-within {
|
||||||
|
:deep(.footer .button) {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .reply-to {
|
> .reply-to {
|
||||||
|
|
|
@ -135,6 +135,7 @@ function blur() {
|
||||||
width: max-content;
|
width: max-content;
|
||||||
min-width: max-content;
|
min-width: max-content;
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
|
transition: opacity .2s;
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
margin-left: -.5em;
|
margin-left: -.5em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -136,11 +136,6 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
|
||||||
:deep(.footer) {
|
:deep(.footer) {
|
||||||
font-size: .9em;
|
font-size: .9em;
|
||||||
}
|
}
|
||||||
> .main:hover {
|
|
||||||
:deep(.footer .button) {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
> .reply, > .more {
|
> .reply, > .more {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
@ -172,6 +167,14 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.reply, &.reply-to, &.reply-to-more {
|
||||||
|
> .main:hover, > .main:focus-within {
|
||||||
|
:deep(.footer .button) {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.reply-to, &.reply-to-more {
|
&.reply-to, &.reply-to-more {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
&:first-child {
|
&:first-child {
|
||||||
|
|
Loading…
Reference in New Issue