Skip to content

Commit 23dbf97

Browse files
huangyuzhanghuangyuzhang
committed
📱 improved responsiveness of layout
1 parent 1e1b633 commit 23dbf97

16 files changed

+33
-32
lines changed

‎CHANGELOG.md

+1
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
- 🐛 in post aside section, fixed post card width if no other posts exist in its primary_tag
1212
- ✨ added a new branch for Chinese optimization
1313
- 💄 improved bookmark card style
14+
- 📱 improved responsiveness of layout in all pages
1415

1516
## v1.2.6
1617
- 🐛 fixed when clicking inside of the search form will cause the form to disappear, and improved vertical padding of the button.

‎author.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -45,8 +45,8 @@ into the {body} of the default.hbs template --}}
4545
{{!-- main --}}
4646
<main class="section">
4747
<div class="columns">
48-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
49-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
48+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
49+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
5050
{{#foreach posts}}
5151

5252
{{!-- exclude #noindex --}}

‎custom-featured-posts-archive.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@ into the {body} of the default.hbs template --}}
3030
{{#get "posts" include="tags,authors" filter="featured:true" limit="all" order="published_at desc"}}
3131
<main class="section">
3232
<div class="columns">
33-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
34-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
33+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
34+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
3535
{{#foreach posts}}
3636
{{!-- exclude #noindex --}}
3737
{{#has tag="#noindex"}}

‎custom-full-width.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@
2121
{{/if}}
2222

2323
<div class="columns">
24-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
25-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
24+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
25+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
2626

2727
<div class="post-wrap full-width is-vpadding-15">
2828
<div class="spacing-15 is-hidden-mobile"></div>

‎custom-post-archive.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
</section>
1111
<section class="section is-paddingless-top is-mobile-paddingless">
1212
<div class="columns">
13-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
14-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
13+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
14+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
1515
<article class="single-article">
1616
<div class="box is-paddingless is-shadowless is-full-mobile is-centered is-clipped">
1717
<section class="post-wrap is-vpadding-15">

‎custom-post-with-TOC.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
{{#post}}
44
<section class="section is-mobile-paddingless">
55
<div class="columns">
6-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
7-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
6+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
7+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
88
<article class="single-article">
99
{{!-- featured_image --}}
1010
{{#if feature_image}}

‎error-404.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44

55
<main class="section">
66
<div class="columns">
7-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
8-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
7+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
8+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
99
<div class="box has-text-centered">
1010
<div class="error-wrap">
1111
<h1 class="error-code">{{code}}</h1>

‎error.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44

55
<main class="section">
66
<div class="columns">
7-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
8-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
7+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
8+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
99
<div class="box has-text-centered">
1010
<div class="error-wrap">
1111
<h1 class="error-code">{{code}}</h1>

‎home.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@ into the {body} of the default.hbs template --}}
1111
{{#get "posts" include="tags,authors" limit=@config.posts_per_page order="published_at desc"}}
1212
<main class="section">
1313
<div class="columns">
14-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
15-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
14+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
15+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
1616
{{#foreach posts}}
1717
{{!-- post_item: for index & home cards --}}
1818
{{> list_card}}

‎index.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ into the {body} of the default.hbs template --}}
77
{{!-- main --}}
88
<main class="section">
99
<div class="columns">
10-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
11-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
10+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
11+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
1212
{{#foreach posts}}
1313

1414
{{!-- exclude #noindex --}}

‎page.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
{{#post}}
44
<section class="section is-mobile-paddingless">
55
<div class="columns">
6-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
7-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
6+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
7+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
88
<article class="single-article">
99
<div class="box is-paddingless is-shadowless is-full-mobile is-centered is-clipped">
1010

‎partials/post/post_aside.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<section class="section aside is-vpadding-15">
22
<div class="columns">
3-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
4-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
3+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
4+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
55
<div class="columns is-multiline">
66
{{!-- previous post: start --}}
77

‎partials/post/post_comment.hbs

+3-3
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55
{{!-- Comment Block --}}
66
<section class="section is-vpadding-15">
77
<div class="columns is-mobile" id="comment-section">
8-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
9-
<div class="column is-8-widescreen is-10-desktop">
8+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
9+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
1010
{{!-- gitalk anchor --}}
1111
<div id="gitalk-container"></div>
1212
{{!-- DISQUS anchor--}}
1313
<div id="disqus_thread"></div>
1414
</div>
15-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
15+
<div class="column is-hidden-touch"></div>
1616
</div>
1717
</div>
1818
</section>

‎partials/showcase.hbs

+3-3
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77

88
<section class="section showcase is-hidden" id="showcase">
99
<div class="columns">
10-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
11-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
10+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
11+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
1212
<div class="columns">
1313
{{!-- carousel start--}}
1414
<div class="column is-7">
@@ -79,6 +79,6 @@
7979
{{!-- top-featured end --}}
8080
</div>
8181
</div>
82-
<div class="column is-2-widescreen is-hidden-touch"></div>
82+
<div class="column is-hidden-touch"></div>
8383
</div>
8484
</section>

‎post.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
{{#post}}
44
<section class="section is-mobile-paddingless">
55
<div class="columns">
6-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
7-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
6+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
7+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
88
<article class="single-article">
99
{{!-- featured_image --}}
1010
{{#if feature_image}}

‎tag.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -38,8 +38,8 @@ into the {body} of the default.hbs template --}}
3838
{{!-- main --}}
3939
<main class="section">
4040
<div class="columns">
41-
<div class="column is-2-widescreen is-1-desktop is-hidden-touch"></div>
42-
<div class="column is-8-widescreen is-10-desktop is-12-tablet">
41+
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
42+
<div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
4343
{{#foreach posts}}
4444

4545
{{!-- exclude #noindex --}}

0 commit comments

Comments
 (0)