From 8f889248fb0f4d760ba98fbbbb436a5990bef8c3 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Thu, 7 Oct 2021 16:27:07 +0200
Subject: [PATCH] fix some limits with float-button asset

---
 .../public/chill/scss/flex_table.scss         | 37 ++++++++++++++-----
 1 file changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
index 21ecde267..8e3a9121b 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
@@ -115,7 +115,7 @@ div.flex-table {
                     }
 
                     ul.record_actions {
-                        align-self: flex-start;
+                        align-self: flex-start; // !! conflict with .float-button.bottom see L297
                     }
                 }
             }
@@ -274,29 +274,35 @@ div.float-button {
 
         div.action {
             float: right;
+            position: relative;
+            z-index: 1;
+        }
+
+        a {
+            word-break: break-all; // break email address
         }
     }
     &.top {
         div.action {
             padding: 0 0 1em 1em;
         }
-
-        // avoid a position relative that make links unclickable
-        .fa-ul > li {
-            position: initial;
-        }
     }
     &.bottom {
         display: flex;
         overflow: hidden;
+
         div.action {
             height: calc(100% - 0em);
-            shape-outside: inset(calc(100% - 2em) 0 0);
+            shape-outside: inset(calc(100% - 4em) 0 0);
             display: flex;
             align-items: flex-end;
             padding: 0 0 0 1em;
             * {
-                align-self: flex-end !important;
+                align-self: flex-end !important; // neutralize flex-table rule L118
+            }
+            ul.record_actions {
+                margin: 0;
+                padding: 0;
             }
         }
     }
@@ -304,8 +310,19 @@ div.float-button {
         padding: 1em;
         border: 1px solid black;
         background-color: yellow;
-        div.action {
-            background-color: transparentize(#00ffff, 0.4);
+        div.box {
+            div.action {
+                background-color: transparentize(cyan, 0.4);
+            }
+            & > ul li,
+            & > div,
+            & > p {
+                background-color: transparentize(orange, 0.4);
+            }
+            & > div  {
+                margin-bottom: 1em;
+            }
         }
     }
+
 }