Skip to content

Commit

Permalink
perf: improve the responsive design for ultrawide screens (#540)
Browse files Browse the repository at this point in the history
Resolves #540
  • Loading branch information
cotes2020 committed Jun 8, 2022
1 parent 20caace commit 5d6e8c5
Show file tree
Hide file tree
Showing 7 changed files with 73 additions and 208 deletions.
11 changes: 5 additions & 6 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,9 +1,7 @@
<!--
The Footer
-->
<!-- The Footer -->

<footer class="d-flex w-100 justify-content-center">
<div class="d-flex justify-content-between align-items-center text-muted">
<footer class="row">
<div class="col-12 d-flex justify-content-between align-items-center text-muted pl-0 pr-0">
<div class="footer-left">
<p class="mb-0">
© {{ 'now' | date: "%Y" }}
Expand Down Expand Up @@ -33,5 +31,6 @@
</p>
</div>

</div> <!-- div.d-flex -->
</div>

</footer>
2 changes: 1 addition & 1 deletion _includes/post-paginator.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
The paginator for post list on HomgPage.
-->

<ul class="pagination align-items-center mt-4 mb-0 pl-lg-2">
<ul class="pagination align-items-center mt-4 mb-5 pl-lg-2">
<!-- left arrow -->
{% if paginator.previous_page %}
{% assign prev_url = paginator.previous_page_path | relative_url %}
Expand Down
4 changes: 2 additions & 2 deletions _includes/topbar.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
The Top Bar
-->

<div id="topbar-wrapper" class="row justify-content-center">
<div id="topbar" class="col-11 d-flex h-100 align-items-center justify-content-between">
<div id="topbar-wrapper">
<div id="topbar" class="container d-flex align-items-center justify-content-between h-100 pl-3 pr-3 pl-md-4 pr-md-4">
<span id="breadcrumb">

{% assign paths = page.url | split: '/' %}
Expand Down
4 changes: 2 additions & 2 deletions _layouts/default.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,8 @@

{% include topbar.html %}

<div id="main-wrapper">
<div id="main">
<div id="main-wrapper" class="d-flex justify-content-center">
<div id="main" class="container">

{{ content }}

Expand Down
18 changes: 8 additions & 10 deletions _layouts/page.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
<div class="row">

<!-- core -->
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-8">
<div class="post pl-1 pr-1 pl-sm-2 pr-sm-2 pl-md-4 pr-md-4">
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pr-xl-5">
<div class="post pl-1 pr-1 pl-md-2 pr-md-2">

{% capture _content %}
{% if layout.refactor or page.layout == 'page' %}
Expand Down Expand Up @@ -54,13 +54,11 @@ <h1 class="dynamic-title">
<!-- tail -->
{% if layout.tail_includes %}
<div class="row">
<div class="col-12 col-lg-11 col-xl-8">
<div id="tail-wrapper" class="pl-1 pr-1 pl-sm-2 pr-sm-2 pl-md-4 pr-md-4">
{% for _include in layout.tail_includes %}
{% assign _include_path = _include | append: '.html' %}
{% include {{ _include_path }} %}
{% endfor %}
</div>
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 pl-4 pr-4 pr-xl-5">
{% for _include in layout.tail_includes %}
{% assign _include_path = _include | append: '.html' %}
{% include {{ _include_path }} %}
{% endfor %}
</div>
</div> <!-- .row -->
</div>
{% endif %}
Loading

0 comments on commit 5d6e8c5

Please sign in to comment.