doc: Add comment-list to the design guidelines

This commit is contained in:
Eric Lippmann 2015-11-20 15:14:01 +01:00
parent 8d5da9bb86
commit 668ea95f1a
1 changed files with 33 additions and 0 deletions

View File

@ -10,6 +10,7 @@
<li><a href="#headings">Headings</a></li> <li><a href="#headings">Headings</a></li>
<li><a href="#block-content">Block Content</a></li> <li><a href="#block-content">Block Content</a></li>
<li><a href="#tables">Tables</a></li> <li><a href="#tables">Tables</a></li>
<li><a href="#comment-list">Comment List</a></li>
</ul> </ul>
</div> </div>
@ -62,4 +63,36 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="section">
<h2 id="comment-list"><?= $this->translate('Comment List') ?></h2>
<dl class="comment-list">
<dt>
John Doe
<span class="comment-time">
<?= $this->translate('commented') ?>
<span class="relative-time"><?= $this->translate('some time ago') ?></span>
</span>
<i class="remove-action icon-cancel"></i>
</dt>
<dd>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
<br>
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</dd>
<dt>
Richard Roe
<span class="comment-time">
<?= $this->translate('commented') ?>
<span class="relative-time"><?= $this->translate('some time ago') ?></span>
</span>
<i class="remove-action icon-cancel"></i>
</dt>
<dd>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
<br>
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</dd>
</dl>
</div>
</div> </div>