Add banner style.
authorRadek Czajka <rczajka@rczajka.pl>
Fri, 6 Dec 2024 08:55:36 +0000 (09:55 +0100)
committerRadek Czajka <rczajka@rczajka.pl>
Fri, 6 Dec 2024 08:55:36 +0000 (09:55 +0100)
src/annoy/models.py
src/annoy/places.py
src/annoy/templates/annoy/banner_crisis.html
src/wolnelektury/static/2022/styles/layout/_annoy.scss

index 92b8184..f6dd827 100644 (file)
@@ -13,7 +13,6 @@ class Banner(models.Model):
     style = models.CharField(
         'styl', max_length=255, blank=True,
         choices=STYLES,
-        help_text='Dotyczy blackoutu.'
     )
     smallfont = models.BooleanField('mały font', default=False)
     text_color = models.CharField(max_length=10, blank=True)
index ca33242..8fa767b 100644 (file)
@@ -8,7 +8,10 @@ PLACE_DEFINITIONS = [
 #        ('centre', 'Środek ekranu'),
         ('upper', 'Górna połowa ekranu'),
     )),
-    ('crisis', 'Kryzysowa', False),
+    ('crisis', 'Kryzysowa', False, (
+        ('quiet', 'Spokojny'),
+        ('loud', 'Ostry'),
+    )),
 ]
 
 PLACE_CHOICES = [p[:2] for p in PLACE_DEFINITIONS]
@@ -23,6 +26,6 @@ STYLES = []
 for p in PLACE_DEFINITIONS:
     if len(p) > 3:
         STYLES.extend([
-            (f'{p[0]}_{s[0]}', s[1])
+            (f'{p[0]}_{s[0]}', f'{p[1]} — {s[1]}')
             for s in p[3]
         ])
index cd39469..dbbb34e 100644 (file)
@@ -2,11 +2,13 @@
 {% load time_tags %}
 
 {% if banner %}
-<div class="annoy-banner_crisis-container">
+<div class="
+           annoy-banner_crisis-container
+            annoy-banner-style_{{ banner.style }}
+           ">
   <div class="
               annoy-banner
               annoy-banner_{{ banner.place }}
-              annoy-banner-style_{{ banner.style }}
               {% if banner.image %}with-image{% endif %}
               {% if banner.smallfont %}banner-smallfont{% endif %}
               "
index 2415250..9ff6a0d 100644 (file)
            .image-box {
                position: relative;
                img {
-                   height: 160px;
+                   height: 159px;
                    display: block;
 
                    @media screen and (max-width: 700px) {
            }
        }
     }
+    &.annoy-banner-style_crisis_quiet {
+       background: black;
+       color: white;
+       .annoy-banner-inner {
+           align-items: center;
+
+           .text-box {
+               .text {
+                   background: none;
+                   padding: 0;
+                   border: none;
+                   a {
+                       color: #ffd430;
+                   }
+               }
+           }
+       }
+    }
 }