tournesol,
@tournesol@peculiar.florist avatar

J’ai trouvé ce snippet pour que les publications parentes ne soient raccoucis qu’à la photo de profil et la première ligne

j’aimerai bien l’améliorer mais bon c’est compliqué

.wrpstxzv.reply-to {
  max-height: 70px; /* 38px profile pic + 16px padding bottom */
  box-sizing: border-box;
  overflow: hidden;
  transition: max-height .6s, box-shadow .6s;
  box-shadow: 0 -15px 10px inset var(--bg);
}

.wrpstxzv.reply-to:hover {
  max-height: 100vh;
  box-shadow: none;
}
minybolito,
@minybolito@peculiar.florist avatar

@tournesol yes dans mon custom j'avais enlevé le hover justement mais sinon c'est super cool, ça prend bcp moins de place dans la TL

tournesol,
@tournesol@peculiar.florist avatar

@minybolito yeah, j'arrive pas à trouvé le meilleur compromis ​:blobcat_not_like_this:​

AntoineD,

@tournesol

De mon coté, je l’ai fais comme ça :
iceshrimp.dev/iceshrimp/iceshrimp/issues/78#issuecomment-509

AntoineD,

@tournesol

Au final j’ai repris ce que t’as partagé.
J’y ai retiré l’ombre et ajouté de la transparence :

.notes .reply-to {
  max-height: 72px;
  opacity: .5;
  box-sizing: border-box;
  overflow: hidden;
  transition: max-height .3s, opacity .3s;
}
.notes .reply-to:hover{
  max-height: 100vh;
  opacity: initial;
}
tournesol,
@tournesol@peculiar.florist avatar

Bon c'est pas ouf sur mobile ​:neocat_what:​

j'aime pas l'idée du hover

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • CSS
  • slotface
  • kavyap
  • thenastyranch
  • everett
  • tacticalgear
  • rosin
  • Durango
  • DreamBathrooms
  • mdbf
  • magazineikmin
  • InstantRegret
  • Youngstown
  • khanakhh
  • ethstaker
  • JUstTest
  • ngwrru68w68
  • cisconetworking
  • modclub
  • tester
  • osvaldo12
  • cubers
  • GTA5RPClips
  • normalnudes
  • Leos
  • provamag3
  • anitta
  • megavids
  • lostlight
  • All magazines
    •