Skip to content

Commit b0e820a

Browse files
jlukicjlukic
committed
Fix comment docs for sizing
1 parent a35c620 commit b0e820a

1 file changed

Lines changed: 171 additions & 1 deletion

File tree

‎server/documents/views/comment.html.eco‎

Lines changed: 171 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -502,5 +502,175 @@ themes : ['Default', 'Chubby']
502502
</div>
503503
</div>
504504

505+
<div class="example">
506+
<h4 class="ui header">Size</h4>
507+
<p>Comments can have different sizes</p>
508+
<div class="ui small comments">
509+
<h3 class="ui dividing header">Comments</h3>
510+
<div class="comment">
511+
<a class="avatar">
512+
<img src="/images/avatar/small/matt.jpg">
513+
</a>
514+
<div class="content">
515+
<a class="author">Matt</a>
516+
<div class="metadata">
517+
<span class="date">Today at 5:42PM</span>
518+
</div>
519+
<div class="text">
520+
How artistic!
521+
</div>
522+
<div class="actions">
523+
<a class="reply">Reply</a>
524+
</div>
525+
</div>
526+
</div>
527+
<div class="comment">
528+
<a class="avatar">
529+
<img src="/images/avatar/small/elliot.jpg">
530+
</a>
531+
<div class="content">
532+
<a class="author">Elliot Fu</a>
533+
<div class="metadata">
534+
<span class="date">Yesterday at 12:30AM</span>
535+
</div>
536+
<div class="text">
537+
<p>This has been very useful for my research. Thanks as well!</p>
538+
</div>
539+
<div class="actions">
540+
<a class="reply">Reply</a>
541+
</div>
542+
</div>
543+
<div class="comments">
544+
<div class="comment">
545+
<a class="avatar">
546+
<img src="/images/avatar/small/jenny.jpg">
547+
</a>
548+
<div class="content">
549+
<a class="author">Jenny Hess</a>
550+
<div class="metadata">
551+
<span class="date">Just now</span>
552+
</div>
553+
<div class="text">
554+
Elliot you are always so right :)
555+
</div>
556+
<div class="actions">
557+
<a class="reply">Reply</a>
558+
</div>
559+
</div>
560+
</div>
561+
</div>
562+
</div>
563+
<div class="comment">
564+
<a class="avatar">
565+
<img src="/images/avatar/small/joe.jpg">
566+
</a>
567+
<div class="content">
568+
<a class="author">Joe Henderson</a>
569+
<div class="metadata">
570+
<span class="date">5 days ago</span>
571+
</div>
572+
<div class="text">
573+
Dude, this is awesome. Thanks so much
574+
</div>
575+
<div class="actions">
576+
<a class="reply">Reply</a>
577+
</div>
578+
</div>
579+
</div>
580+
<form class="ui reply form">
581+
<div class="field">
582+
<textarea></textarea>
583+
</div>
584+
<div class="ui blue labeled submit icon button">
585+
<i class="icon edit"></i> Add Reply
586+
</div>
587+
</form>
588+
</div>
589+
</div>
590+
<div class="another example">
591+
<div class="ui small comments">
592+
<h3 class="ui dividing header">Comments</h3>
593+
<div class="comment">
594+
<a class="avatar">
595+
<img src="/images/avatar/small/matt.jpg">
596+
</a>
597+
<div class="content">
598+
<a class="author">Matt</a>
599+
<div class="metadata">
600+
<span class="date">Today at 5:42PM</span>
601+
</div>
602+
<div class="text">
603+
How artistic!
604+
</div>
605+
<div class="actions">
606+
<a class="reply">Reply</a>
607+
</div>
608+
</div>
609+
</div>
610+
<div class="comment">
611+
<a class="avatar">
612+
<img src="/images/avatar/small/elliot.jpg">
613+
</a>
614+
<div class="content">
615+
<a class="author">Elliot Fu</a>
616+
<div class="metadata">
617+
<span class="date">Yesterday at 12:30AM</span>
618+
</div>
619+
<div class="text">
620+
<p>This has been very useful for my research. Thanks as well!</p>
621+
</div>
622+
<div class="actions">
623+
<a class="reply">Reply</a>
624+
</div>
625+
</div>
626+
<div class="comments">
627+
<div class="comment">
628+
<a class="avatar">
629+
<img src="/images/avatar/small/jenny.jpg">
630+
</a>
631+
<div class="content">
632+
<a class="author">Jenny Hess</a>
633+
<div class="metadata">
634+
<span class="date">Just now</span>
635+
</div>
636+
<div class="text">
637+
Elliot you are always so right :)
638+
</div>
639+
<div class="actions">
640+
<a class="reply">Reply</a>
641+
</div>
642+
</div>
643+
</div>
644+
</div>
645+
</div>
646+
<div class="comment">
647+
<a class="avatar">
648+
<img src="/images/avatar/small/joe.jpg">
649+
</a>
650+
<div class="content">
651+
<a class="author">Joe Henderson</a>
652+
<div class="metadata">
653+
<span class="date">5 days ago</span>
654+
</div>
655+
<div class="text">
656+
Dude, this is awesome. Thanks so much
657+
</div>
658+
<div class="actions">
659+
<a class="reply">Reply</a>
660+
</div>
661+
</div>
662+
</div>
663+
<form class="ui reply form">
664+
<div class="field">
665+
<textarea></textarea>
666+
</div>
667+
<div class="ui blue labeled submit icon button">
668+
<i class="icon edit"></i> Add Reply
669+
</div>
670+
</form>
671+
</div>
672+
</div>
673+
674+
505675

506-
</div>
676+
</div>

0 commit comments

Comments
 (0)