yexuejc/solo-skins
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

👄 mobile

Browse Source
This commit is contained in:
Van 2018-12-08 11:33:35 +08:00
parent 7839389d81
commit 2b822081da
No known key found for this signature in database
GPG Key ID: 7059B8783A78F16C
5 changed files with 102 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Jane/article-list.ftl
View File

@ -39,10 +39,12 @@
${article.articleCreateDate?string("yyyy-MM-dd")}
</time>
&nbsp;
<span class="mobile__none">
<#list article.articleTags?split(",") as articleTag>
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}" class="ft__red">
${articleTag}</a><#if articleTag_has_next>,</#if>
<a rel="tag" class="ft__red" href="${servePath}/tags/${articleTag?url('UTF-8')}">
${articleTag}</a><#if articleTag_has_next>, </#if>
</#list>
</span>
<div class="fn__right">
<a class="ft__red" href="${servePath}${article.articlePermalink}#comments"><#if article.articleCommentCount gt 0>${article.articleCommentCount} </#if>${commentLabel}</a>
•

4
Jane/article.ftl
View File

@ -75,10 +75,12 @@
${article.articleCreateDate?string("yyyy-MM-dd")}
</time>
&nbsp;
<span class="mobile__none">
<#list article.articleTags?split(",") as articleTag>
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}" class="ft__red">
${articleTag}</a><#if articleTag_has_next>,</#if>
${articleTag}</a><#if articleTag_has_next>, </#if>
</#list>
</span>
<div class="fn__right">
<a class="ft__red" href="${servePath}${article.articlePermalink}#comments"><#if article.articleCommentCount gt 0>${article.articleCommentCount} </#if>${commentLabel}</a>
•

40
Jane/css/base.css
View File

@ -792,11 +792,12 @@ a {
.wrapper {
max-width: 768px;
margin: 0 auto;
padding: 0 70px 0 20px; }
padding: 0 70px 0 20px;
box-sizing: border-box; }
.footer {
color: #999;
padding: 30px 0;
margin: 30px auto;
line-height: 1.6em;
font-size: 0.85em; }
.footer a {
@ -896,7 +897,7 @@ a {
.comment-body-ref {
position: absolute;
width: 664px;
width: 80%;
left: 84px; }
.comments__title {
@ -972,7 +973,7 @@ a {
box-sizing: border-box;
font-size: 14px;
outline: none;
font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; }
font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; }
.form button {
width: auto;
vertical-align: bottom;
@ -986,3 +987,34 @@ a {
.form input:focus,
.form textarea:focus {
border-color: #2a2a2a; }
@media (max-width: 768px) {
.header {
position: inherit;
width: 100%;
height: 45px;
flex-direction: row;
padding-right: 10px; }
.header a, .header span {
float: left;
width: auto;
padding: 0;
line-height: 25px;
margin-left: 10px; }
.wrapper {
padding-right: 20px; }
.article__item {
margin: 20px 0; }
.article__item .tag {
display: none; }
.article__more {
margin-bottom: 40px; }
.footer {
text-align: right; }
.icon__up {
display: none; }
.pagination > .ft__center {
visibility: hidden;
height: 36px; }
.mobile__none {
display: none; } }

2
Jane/css/base.min.css vendored
View File

File diff suppressed because one or more lines are too long

63
Jane/css/base.scss
View File

@ -119,12 +119,13 @@ a {
max-width: 768px;
margin: 0 auto;
padding: 0 70px 0 20px;
box-sizing: border-box;
}
// footer
.footer {
color: $gray;
padding: 30px 0;
margin: 30px auto;
line-height: 1.6em;
font-size: 0.85em;
a {
@ -252,7 +253,6 @@ a {
}
}
// comments
#comments {
@ -261,7 +261,7 @@ a {
.comment-body-ref {
position: absolute;
width: 664px;
width: 80%;
left: 84px;
}
@ -359,7 +359,7 @@ a {
box-sizing: border-box;
font-size: 14px;
outline: none;
font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
button {
@ -378,6 +378,59 @@ a {
input:focus,
textarea:focus {
border-color: #2a2a2a;
border-color: #2a2a2a;
}
}
@media (max-width: 768px) {
.header {
position: inherit;
width: 100%;
height: 45px;
flex-direction: row;
padding-right: 10px;
a, span {
float: left;
width: auto;
padding: 0;
line-height: 25px;
margin-left: 10px;
}
}
.wrapper {
padding-right: 20px;
}
.article {
&__item {
margin: 20px 0;
.tag {
display: none;
}
}
&__more {
margin-bottom: 40px;
}
}
.footer {
text-align: right;
}
.icon__up {
display: none;
}
.pagination > .ft__center {
visibility: hidden;
height: 36px;
}
.mobile__none {
display: none;
}
}