jinql
/
halo-theme-fantastic
mirror of https://github.com/jinqilin721/halo-theme-fantastic
1
0
Fork 0
Code Issues Releases Wiki Activity

fixed the line no wrap.

v1.2.0
kun.peng 2019-10-19 10:55:06 +08:00
parent f9d7e74e03
commit 60242a6c4b
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/common/module.ftl
View File

@ -29,7 +29,7 @@
</div> </div>
<div class="blog-slider__content"> <div class="blog-slider__content">
<span class="blog-slider__code">${post.createTime?string["EEE MMM d"]}</span> <span class="blog-slider__code">${post.createTime?string["EEE MMM d"]}</span>
<div class="blog-slider__title title is-5">${post.title!}</div> <div class="blog-slider__title "><a class="title is-5" href="${context!}/archives/${post.url!}">${post.title!}</a></div>
<div class="blog-slider__text" content="">${post.summary!}</div> <div class="blog-slider__text" content="">${post.summary!}</div>
<a href="${context!}/archives/${post.url!}" class="blog-slider__button">阅读更多</a> <a href="${context!}/archives/${post.url!}" class="blog-slider__button">阅读更多</a>
</div> </div>

10
source/css/widget_pin.css
View File

@ -165,6 +165,8 @@
/*color: #0d0925;*/ /*color: #0d0925;*/
margin-bottom: 10px; margin-bottom: 10px;
} }
.blog-slider__title a{
}
.blog-slider__text { .blog-slider__text {
/*color: #4e4a67;*/ /*color: #4e4a67;*/
margin-bottom: 20px; margin-bottom: 20px;
@ -205,15 +207,21 @@
transform: translateY(-50%); transform: translateY(-50%);
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.blog-slider__title {
/*white-space:nowrap;*/
/*overflow:hidden;*/
/*text-overflow:ellipsis; /这里的ellipsis的英文名字就是省略的意思/*/
}
.blog-slider__pagination { .blog-slider__pagination {
transform: translateX(-50%); transform: translateX(-50%);
left: 50% !important; left: 50% !important;
top: 205px; top: 190px;
width: 100% !important; width: 100% !important;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
} }
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet { .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 8px 0; margin: 8px 0;