NYRI4 / LilyPichu

A theme based on @Melonturtle_ stream design
https://discord.gg/rtBQX5D3bD
MIT License
112 stars 312 forks source link

Removes the clamp from the About Me sction in the user popout, adds a scroll to it, sets it to a set height. #21

Closed Alphexoed closed 2 years ago

Alphexoed commented 2 years ago

Code

/* Unclamp the About Me section, so it's not limited to just 6 lines. (normally it cuts off at 6 and adds a ...) */
.clamped-2ZePhX{
    -webkit-line-clamp: 190 !important; /*Maximum amount of characters as new lines, unset just breaks links*/
    max-height: 112px !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}
.clamped-2ZePhX::-webkit-scrollbar {
  width: 10px !important;
  height: 15px !important;
}
.clamped-2ZePhX::-webkit-scrollbar-track {
  border-radius: 10px !important; /*How round you want the scrollbar to be. 0 is square, 10px is round.*/
  background-color: #3B1D24 !important; /*Edit this to what color you want the track to be.*/
}

.clamped-2ZePhX::-webkit-scrollbar-thumb {
  background: #220F14 !important; /* Edit this to whatever color/colors you'd like*/
  border-radius: 10px !important; /*How round you want the scrollbar thumb to be. 0 is square, 10px is round.*/
}

Preview Screenshot 2022-01-15 172304

Author Sarahhh#6076

NYRI4 commented 2 years ago

I added the snippet directly in LilyPichu, thanks for the idea

Alphexoed commented 2 years ago

Thanks!