+6

app/globals.css

··· 277 277 @apply outline-border; 278 278 } 279 279 280 280 + .blockquote { 281 281 + @apply border-l-2; 282 282 + @apply border-border; 283 283 + @apply pl-3; 284 284 + @apply ml-2; 285 285 + } 280 286 .transparent-container { 281 287 @apply border; 282 288 @apply border-border-light;

+2 -1

app/lish/[did]/[publication]/[rkey]/PostContent.tsx

··· 217 217 } 218 218 case PubLeafletBlocksBlockquote.isMain(b.block): { 219 219 return ( 220 220 + // highly unfortunate hack so that the border-l on blockquote is the height of just the text rather than the height of the block, which includes padding. 220 221 <blockquote 221 221 - className={`border-l-2 border-border pl-2 ${className} ${PubLeafletBlocksBlockquote.isMain(previousBlock?.block) ? "-mt-2" : ""}`} 222 222 + className={` blockquote !py-0 !mt-1 !mb-2 last:!mb-3 last:sm:!mb-4 first:!mt-2 sm:first:pt-3 ${className} ${PubLeafletBlocksBlockquote.isMain(previousBlock?.block) ? "-mt-2" : ""}`} 222 223 {...blockProps} 223 224 > 224 225 <TextBlock

+1 -1

app/lish/[did]/[publication]/[rkey]/StaticPostContent.tsx

··· 46 46 switch (true) { 47 47 case PubLeafletBlocksBlockquote.isMain(b.block): { 48 48 return ( 49 49 - <blockquote className={`border-l-2 border-border pl-2`}> 49 49 + <blockquote className={` blockquote `}> 50 50 <BaseTextBlock 51 51 facets={b.block.facets} 52 52 plaintext={b.block.plaintext}

+2 -2

components/Blocks/TextBlock/index.tsx

··· 174 174 style={{ wordBreak: "break-word" }} // better than tailwind break-all! 175 175 className={` 176 176 ${alignmentClass} 177 177 - ${props.type === "blockquote" ? "border-l-2 border-border pl-2 " : ""} 177 177 + ${props.type === "blockquote" ? " blockquote " : ""} 178 178 ${props.type === "heading" ? HeadingStyle[headingLevel?.data.value || 1] : ""} 179 179 w-full whitespace-pre-wrap outline-none ${props.className} `} 180 180 > ··· 344 344 <div 345 345 className={`flex items-center justify-between w-full 346 346 ${selected && props.pageType === "canvas" && "bg-bg-page rounded-md"} 347 347 - ${props.type === "blockquote" ? "border-l-2 border-border pl-2 " : ""} 347 347 + ${props.type === "blockquote" ? " blockquote " : ""} 348 348 `} 349 349 > 350 350 <pre