mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 02:59:04 +08:00
update anchor style
This commit is contained in:
parent
d6122ab872
commit
a976111396
@ -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);
|
||||
}
|
||||
|
@ -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 %}
|
||||
|
Loading…
Reference in New Issue
Block a user