mirror of
				https://github.com/TeamPiped/Piped.git
				synced 2024-08-14 23:57:27 +00:00 
			
		
		
		
	Merge pull request #2219 from rramiachraf/fix-show-more
Minor improvement to channel description
This commit is contained in:
		
						commit
						2d6ea330a2
					
				
					 1 changed files with 4 additions and 2 deletions
				
			
		| 
						 | 
					@ -43,10 +43,12 @@
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <!-- eslint-disable-next-line vue/no-v-html -->
 | 
					        <!-- eslint-disable-next-line vue/no-v-html -->
 | 
				
			||||||
        <div class="whitespace-pre-wrap py-2 mx-1">
 | 
					        <div v-if="channel.description" class="whitespace-pre-wrap py-2 mx-1">
 | 
				
			||||||
            <span v-if="fullDescription" v-html="purifyHTML(rewriteDescription(channel.description))" />
 | 
					            <span v-if="fullDescription" v-html="purifyHTML(rewriteDescription(channel.description))" />
 | 
				
			||||||
            <span v-html="purifyHTML(rewriteDescription(channel.description.slice(0, 100))) + '...'" v-else />
 | 
					            <span v-html="purifyHTML(rewriteDescription(channel.description.slice(0, 100)))" v-else />
 | 
				
			||||||
 | 
					            <span v-if="channel.description.length > 100 && !fullDescription">...</span>
 | 
				
			||||||
            <button
 | 
					            <button
 | 
				
			||||||
 | 
					                v-if="channel.description.length > 100"
 | 
				
			||||||
                class="hover:underline font-semibold text-neutral-500 block whitespace-normal"
 | 
					                class="hover:underline font-semibold text-neutral-500 block whitespace-normal"
 | 
				
			||||||
                @click="fullDescription = !fullDescription"
 | 
					                @click="fullDescription = !fullDescription"
 | 
				
			||||||
            >
 | 
					            >
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue