Browse Source

Fixes #251 formatting of links inside labels, adds doc example

pull/306/head
jlukic 11 years ago
parent
commit
45c4752965
2 changed files with 20 additions and 0 deletions
  1. 9
      server/documents/elements/label.html.eco
  2. 11
      src/elements/label.less

9
server/documents/elements/label.html.eco

@ -45,6 +45,15 @@ type : 'UI Element'
</div>
</div>
<div class="example">
<h4 class="ui header">Link</h4>
<p>A label can contain a text link</p>
<div class="ui label">
Inbox
<a class="detail"><i class="mail icon"></i> 23</a>
</div>
</div>
<div class="example">
<h4 class="ui header">Image</h4>
<p>A label can be formatted to include an image</p>

11
src/elements/label.less

@ -67,6 +67,17 @@ a.ui.label {
cursor: pointer;
}
/* Inside Link */
.ui.label a {
cursor: pointer;
color: inherit;
opacity: 0.8;
transition: 0.2s opacity ease;
}
.ui.label a:hover {
opacity: 1;
}
/* Detail */
.ui.label .detail {
display: inline-block;

Loading…
Cancel
Save