improvement tutorial page layout by not wrapping tutorial title text
MODIFY
website/package.json
website/package.json
"version": "3.4.4"
},
"dependencies": {
- "hexo": "^3.3.9",
+ "hexo": "^3.4.4",
"hexo-fs": "^0.2.2",
"hexo-renderer-ejs": "^0.3.0",
"hexo-renderer-marked": "^0.3.2",

MODIFY
website/themes/agency/layout/tutorials.ejs
website/themes/agency/layout/tutorials.ejs
</a>
<div class="portfolio-caption">
<div class="description text-muted"><%- tutorial.description %></div>
- <h4><a class="portfolio-link" href="<%- tutorial.name %>"><%- tutorial.title %></a></h4>
+ <h4><a class="portfolio-link" title='<%- tutorial.title %>' href="<%- tutorial.name %>"><%- tutorial.title %></a></h4>
</div>
</div>
<% } %>

MODIFY
website/themes/agency/source/css/main.scss
website/themes/agency/source/css/main.scss
@@ -229,6 +229,10 @@ footer {
h4 {
a {
color: inherit;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ font-size: 16px;
}
text-transform: none;

improvement tutorial page layout by not wrapping tutorial title text