标题过长不换行,用省略号
This commit is contained in:
parent
c9ad72dbe0
commit
ebc61593a0
@ -16,7 +16,6 @@
|
|||||||
<style>
|
<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;}
|
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;}
|
#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;}
|
#footer {margin-top:64px; text-align: center;font-size: small;}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -20,6 +20,10 @@ h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-
|
|||||||
.SideNav{min-width: 360px;}
|
.SideNav{min-width: 360px;}
|
||||||
.SideNav-icon{margin-right: 16px}
|
.SideNav-icon{margin-right: 16px}
|
||||||
.SideNav-item .Label{color: #fff;margin-left:8px;}
|
.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) {
|
@media (max-width: 767px) {
|
||||||
body { padding: 8px;}
|
body { padding: 8px;}
|
||||||
h1 a:not([href]){font-size:24px;}
|
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">
|
<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 class="SideNav-icon octicon" style="witdh:16px;height:16px"><path class="svgTop{{ postListJson[num]['top'] }}" d=""></path>
|
||||||
</svg>
|
</svg>
|
||||||
<span>{{ postListJson[num]['postTitle']|e }}</span>
|
<span class="listTitle">{{ postListJson[num]['postTitle']|e }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listLabels">
|
<div class="listLabels">
|
||||||
{% if postListJson[num]['commentNum']>0 %}<span class="Label" style="background-color:{{ blogBase['commentLabelColor'] }}">{{ postListJson[num]['commentNum'] }}</span>{% endif %}
|
{% if postListJson[num]['commentNum']>0 %}<span class="Label" style="background-color:{{ blogBase['commentLabelColor'] }}">{{ postListJson[num]['commentNum'] }}</span>{% endif %}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user