标题过长不换行,用省略号

This commit is contained in:
Meekdai 2023-11-22 10:00:02 +08:00
parent c9ad72dbe0
commit ebc61593a0
2 changed files with 5 additions and 2 deletions

View File

@ -16,7 +16,6 @@
<style>
body{box-sizing: border-box;min-width: 200px;max-width: 900px;margin: 20px auto;padding: 45px;font-size: 16px;font-family: sans-serif;line-height: 1.25;}
#header{display:flex;padding-bottom:8px;border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted));margin-bottom: 16px;}
#content {width:100%;}
#footer {margin-top:64px; text-align: center;font-size: small;}
</style>

View File

@ -20,6 +20,10 @@ h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-
.SideNav{min-width: 360px;}
.SideNav-icon{margin-right: 16px}
.SideNav-item .Label{color: #fff;margin-left:8px;}
.d-flex{min-width:0;}
.listTitle{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;max-width: 100%;}
.listLabels{white-space:nowrap;}
@media (max-width: 767px) {
body { padding: 8px;}
h1 a:not([href]){font-size:24px;}
@ -75,7 +79,7 @@ h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-
<div class="d-flex flex-items-center">
<svg class="SideNav-icon octicon" style="witdh:16px;height:16px"><path class="svgTop{{ postListJson[num]['top'] }}" d=""></path>
</svg>
<span>{{ postListJson[num]['postTitle']|e }}</span>
<span class="listTitle">{{ postListJson[num]['postTitle']|e }}</span>
</div>
<div class="listLabels">
{% if postListJson[num]['commentNum']>0 %}<span class="Label" style="background-color:{{ blogBase['commentLabelColor'] }}">{{ postListJson[num]['commentNum'] }}</span>{% endif %}