From 49253abfb89c91eb9f16aae760e8c1cb945ed241 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Tue, 6 Jul 2021 12:21:52 +0200
Subject: [PATCH] custom _record_actions styles

---
 .../public/modules/bootstrap/_custom.scss     |  3 +
 .../bootstrap/custom/_record_actions.scss     | 58 +++++++++++++++++++
 2 files changed, 61 insertions(+)
 create mode 100644 src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_record_actions.scss

diff --git a/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss b/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss
index 51b84bf4e..2400b23dd 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss
@@ -5,6 +5,9 @@
 /// chill buttons
 @import 'custom/_buttons';
 
+// chill record_actions
+@import 'custom/_record_actions';
+
 /// titles 
 h1, h2, .h1, .h2 {
    font-weight: $headings-font-weight + 200;
diff --git a/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_record_actions.scss b/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_record_actions.scss
new file mode 100644
index 000000000..ccbc5912a
--- /dev/null
+++ b/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/custom/_record_actions.scss
@@ -0,0 +1,58 @@
+// Symfony records actions
+/*ul.record_actions {
+  padding-left: 0;
+}
+ul.record_actions li {
+  display: inline-block;
+}*/
+
+ul.record_actions, ul.record_actions_column {
+    display: flex;
+    justify-content: flex-end;
+
+    &.record_actions--left {
+      justify-content: flex-start;
+    }
+
+    padding: 0.5em 0;
+    flex-wrap: wrap-reverse;
+
+    li {
+        display: inline-block;
+        list-style-type: none;
+        margin-right: 1em;
+        order: 99;
+
+        &:last-child {
+            margin-right: 0;
+        }
+      }
+
+
+    li.cancel {
+          order: 1;
+          margin-right: auto;
+      }
+
+}
+
+ul.record_actions {
+    flex-direction: row;
+}
+
+ul.record_actions_column {
+    flex-direction: column;
+}
+
+ul.record_actions.sticky-form-buttons {
+    padding-left: 1em;
+    padding-right: 1em;
+}
+
+// inside table, little space between elements
+td ul.record_actions,
+   ul.record_actions_small {
+    li {
+        margin-right: 0.2em;
+    }
+}