From 753e6c110545611d41ea6f4026ae863eb4335a1e Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Fri, 10 Sep 2021 11:32:12 +0200
Subject: [PATCH] adding a dev page with sass assets album

---
 .../Resources/views/Activity/list.html.twig         |  2 +-
 .../Resources/public/chill/scss/flex_table.scss     | 13 ++++++++-----
 .../components/PersonsAssociated.vue                |  2 +-
 .../vuejs/_components/Entity/PersonRenderBox.vue    |  2 +-
 .../views/Household/_render_member.html.twig        |  2 +-
 .../_components/Entity/ThirdPartyRenderBox.vue      |  2 +-
 6 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig b/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
index 5bcd41c66..07b59c7e7 100644
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
@@ -48,7 +48,7 @@
                         </div>
                         <div class="item-col">
 
-                            <div class="floatbutton top">
+                            <div class="float-button top">
                                 <div class="box">
 
                                     <div class="action">
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 2b9e4e671..21ecde267 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
@@ -1,3 +1,6 @@
+// See Assets Album page:
+// http://localhost:8001/_dev/assets
+
 /*
 *  __FLEX-TABLE_________
 *  FLEX RESPONSIVE TABLE/BLOCK PRESENTATION
@@ -175,13 +178,13 @@ div.wrap-list {
         border: 1px solid $black;
 
         div.wl-col.title {
-            background-color: $yellow;
+            background-color: yellow;
         }
         div.wl-col.list {
-            background-color: $green;
+            background-color: cyan;
 
             p.wl-item {
-                background-color: $orange;
+                background-color: orange;
             }
         }
     }
@@ -263,7 +266,7 @@ div.wrap-header {
 *  p-ê pas convaincant: cet asset est toujours en observation
 */
 
-div.floatbutton {
+div.float-button {
     width: 100%;
 
     div.box {
@@ -302,7 +305,7 @@ div.floatbutton {
         border: 1px solid black;
         background-color: yellow;
         div.action {
-            background-color: #00ffffa3;
+            background-color: transparentize(#00ffff, 0.4);
         }
     }
 }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
index 4c6757fcd..da1b4c4e6 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
@@ -32,7 +32,7 @@
 
    <div v-if="participationWithoutHousehold.length > 0" class="alert alert-warning no-household">
       <i class="fa fa-warning fa-2x"></i>
-      <div class="floatbutton bottom"><div class="box">
+      <div class="float-button bottom"><div class="box">
          <div class="action">
             <button class="btn btn-update">{{ $t('persons_associated.update_household') }}</button>
          </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
index 29578d3ba..249162b87 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
@@ -41,7 +41,7 @@
         </div>
 
         <div class="item-col">
-           <div class="floatbutton bottom">
+           <div class="float-button bottom">
               <div class="box">
                  <div class="action">
                     <slot name="record-actions"></slot>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/_render_member.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/_render_member.html.twig
index f1c96e5fa..25160ff5b 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/_render_member.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/_render_member.html.twig
@@ -20,7 +20,7 @@
             }) }}
         </div>
         <div class="item-col">
-            <div class="floatbutton top"><div class="box">
+            <div class="float-button top"><div class="box">
 
                     <div class="action">
                         <ul class="record_actions">
diff --git a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
index 90dd51837..c710cedfb 100644
--- a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
+++ b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
@@ -32,7 +32,7 @@
         </div>
 
         <div class="item-col">
-           <div class="floatbutton bottom">
+           <div class="float-button bottom">
               <div class="box">
                  <div class="action">
                     <slot name="record-actions"></slot>