update anchor style

This commit is contained in:
afc163 2015-12-25 18:56:16 +08:00
parent d6122ab872
commit a976111396
2 changed files with 17 additions and 5 deletions

View File

@ -2131,15 +2131,23 @@ a.entry-link:hover .anticon-smile {
.demos-anchor a {
color: #666;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
display: inline-block;
width: 100%;
}
.demos-anchor a > span {
position: relative;
}
.demos-anchor a:hover {
.demos-anchor a > span:hover {
color: #2db7f5;
}
.demos-anchor a:after {
.demos-anchor a > span:after {
text-decoration: underline;
position: absolute;
top: auto;
@ -2154,6 +2162,6 @@ a.entry-link:hover .anticon-smile {
transform: scaleX(0);
}
.demos-anchor a:hover:after {
.demos-anchor a > span:hover:after {
transform: scaleX(1);
}

View File

@ -36,7 +36,11 @@
<ul class="demos-anchor">
{%- for item in items %}
{%- set post = item.meta.filepath|parsePost %}
<li><a title="{{ post.title }}" href="#{{post.meta.id|removeCodeBoxIdPrefix}}">{{ post.title }}</a></li>
<li>
<a title="{{ post.title }}" href="#{{post.meta.id|removeCodeBoxIdPrefix}}">
<span>{{ post.title }}</span>
</a>
</li>
{%- endfor %}
</ul>
{%- endif %}