From 0462b6c37149b144020b2ab27a551c77fefd2458 Mon Sep 17 00:00:00 2001
From: OndraRehounek <ondra.rehounek@seznam.cz>
Date: Tue, 30 Aug 2022 15:43:39 +0200
Subject: [PATCH] main: fix the damn header
---
main/static/main/css/styles.css | 15 +++------
.../source/css/organisms/navbar.pcss | 5 +--
main/templates/main/main_articles_page.html | 32 +++++++++----------
3 files changed, 23 insertions(+), 29 deletions(-)
diff --git a/main/static/main/css/styles.css b/main/static/main/css/styles.css
index 1987bd96..aaaff816 100644
--- a/main/static/main/css/styles.css
+++ b/main/static/main/css/styles.css
@@ -3135,15 +3135,16 @@ p{
}
.bar1, .bar2, .bar3 {
- width: 35px;
- height: 5px;
background-color: white;
+ display: block;
+ height: 2px;
margin: 6px 0;
transition: 0.4s;
+ width: 35px;
}
#menuToggle:checked + label .bar1 {
- transform: rotate(-45deg) translate(-9px, 6px);
+ transform: rotate(-45deg) translate(-3px, 4px);
background-color: black;
}
@@ -3822,14 +3823,6 @@ p{
padding-bottom: 1.5rem;
}
-.pt-8{
- padding-top: 2rem;
-}
-
-.pb-4{
- padding-bottom: 1rem;
-}
-
.pt-4{
padding-top: 1rem;
}
diff --git a/main/styleguide/source/css/organisms/navbar.pcss b/main/styleguide/source/css/organisms/navbar.pcss
index a8537e31..cf280495 100644
--- a/main/styleguide/source/css/organisms/navbar.pcss
+++ b/main/styleguide/source/css/organisms/navbar.pcss
@@ -80,11 +80,12 @@
}
.bar1, .bar2, .bar3 {
- width: 35px;
- height: 2px;
background-color: white;
+ display: block;
+ height: 2px;
margin: 6px 0;
transition: 0.4s;
+ width: 35px;
}
#menuToggle:checked + label .bar1 {
diff --git a/main/templates/main/main_articles_page.html b/main/templates/main/main_articles_page.html
index e55ddc9f..468d7d0c 100644
--- a/main/templates/main/main_articles_page.html
+++ b/main/templates/main/main_articles_page.html
@@ -37,22 +37,22 @@
<div id="showMoreTimelineResultsWrapper">
{% include 'main/blocks/articles_timeline_block.html' with article_data_list=article_timeline_list %}
</div>
- </div>
- <div class="flex justify-center">
- <a
- onclick="showMoreTimelineArticles(event, this)"
- href="#"
- data-url="{{ page_url }}?months="
- data-months="2"
- class="btn btn__slide__wrap"
- >
- <span class="btn text-sm bg-black text-white px-1 lg:text-base">
- Zobrazit další
- </span>
- <span class="btn text-sm bg-white text-black px-1 lg:text-base">
- Zobrazit další
- </span>
- </a>
+ <div class="flex justify-center">
+ <a
+ onclick="showMoreTimelineArticles(event, this)"
+ href="#"
+ data-url="{{ page_url }}?months="
+ data-months="2"
+ class="btn btn__slide__wrap"
+ >
+ <span class="btn text-sm bg-black text-white px-1 lg:text-base">
+ Zobrazit další
+ </span>
+ <span class="btn text-sm bg-white text-black px-1 lg:text-base">
+ Zobrazit další
+ </span>
+ </a>
+ </div>
</div>
</div>
</div>
--
GitLab