From 0987ffc76922dbac6203d5a4c4c4880dafa49f9b Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Wed, 16 Mar 2022 11:50:49 +0100
Subject: [PATCH] add translucency to og image

---
 froide_govplan/templates/froide_govplan/plan_og.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/froide_govplan/templates/froide_govplan/plan_og.html b/froide_govplan/templates/froide_govplan/plan_og.html
index 27fe1e8..39b9b76 100644
--- a/froide_govplan/templates/froide_govplan/plan_og.html
+++ b/froide_govplan/templates/froide_govplan/plan_og.html
@@ -11,24 +11,28 @@ body {
   background-size: cover;
   background-position: center;
 }
+
+.bg-translucent {
+  background: rgba(255,255,255,0.9);
+}
 </style>
 {% endblock %}
 
 {% block body %}
 <div class="og-container d-flex flex-column min-h-screen">
   <div class="p-5">
-    <img class="img-fluid" src="https://media.frag-den-staat.de/files/media/main/98/91/98919aa3-9200-4f99-a7c7-de25cda8675a/logo-koalitionstracker-w.svg" alt="Koalitionstracker">
+    <img class="img-fluid col-5 px-0" src="https://media.frag-den-staat.de/files/media/main/98/91/98919aa3-9200-4f99-a7c7-de25cda8675a/logo-koalitionstracker-w.svg" alt="Koalitionstracker">
   </div>
-  <div class="d-flex flex-column flex-grow-1">
+  <div class="d-flex flex-column flex-grow-1 bg-translucent">
     <div class="p-5 d-flex align-items-center flex-1 h-100">
       <h3>
-        {{ object.title|truncatechars:120 }}
+        {{ object.title|truncatechars:100 }}
       </h3>
     </div>
     <div class="pb-5 px-5 mt-auto">
       <div class="row justify-content-between align-items-center">
         <div class="col-4">
-          <div class="badge badge-{{ object.get_status_css }} p-3">
+          <div class="badge badge-{{ object.get_status_css }} p-3 d-inline-flex">
             <i class="fa fa-circle mr-3"></i>
             <span class="h2 m-0">
               {{ object.get_status_display }}