From ab9b52b00d9c995e2b2036f32270841bfebb11b2 Mon Sep 17 00:00:00 2001
From: Radek Czajka <rczajka@rczajka.pl>
Date: Mon, 10 Mar 2025 09:43:43 +0100
Subject: [PATCH] resize banner on small screens

---
 .../static/2022/styles/layout/_annoy.scss     | 35 +++++++++++++++++--
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/wolnelektury/static/2022/styles/layout/_annoy.scss b/src/wolnelektury/static/2022/styles/layout/_annoy.scss
index e91d58535..70704f34d 100644
--- a/src/wolnelektury/static/2022/styles/layout/_annoy.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_annoy.scss
@@ -51,7 +51,7 @@
     .annoy-banner-off {
         font-size: 1.2rem !important;
     }
-    
+
     @include rwd($break-flow) {
         .annoy-banner-inner {
             padding: 0;
@@ -69,7 +69,7 @@
 
         }
         .annoy-banner-off {
-            
+
         }
     }
 }
@@ -89,10 +89,14 @@
 
     &.annoy-banner_top-container {
 	padding: 16px 0;
+
+	@media screen and (max-height: 700px) {
+	    padding: 5px 0;
+	}
     }
     &.annoy-banner_crisis-container {
 	height: 160px;
-    
+
 	@media screen and (min-height: 480px) {
 	    height: 33vh;
 	    top: calc(-33vh + 160px);
@@ -146,11 +150,29 @@
 		    }
 		}
 
+		@media screen and (max-height: 700px) {
+		    flex-direction: row;
+		    justify-content: space-between;
+		    p {
+			font-size: .9em;
+		    }
+		}
+
+
 		.text {
 		    background: #edc016;
 		    padding: 1em;
 		    border: 3px solid black;
 		}
+
+		@media screen and (max-height: 400px) {
+		    align-items: center;
+		    .text {
+			height: 1.2em;
+			overflow: hidden;
+		    }
+		}
+
 		a {
 		    color: #c32721;
 		}
@@ -193,6 +215,13 @@
 		display: block;
 		transition: background-color .2s;
 
+		@media screen and (max-height: 700px) {
+		    font-size: .9em;
+		}
+		@media screen and (max-height: 400px) {
+		    white-space: nowrap;
+		}
+
 		&:hover {
 		    background: #ffd430;
 		    text-decoration: none;
-- 
2.20.1