From 64049076991917fa9ca04f55614401a8fe9b93b0 Mon Sep 17 00:00:00 2001
From: elhombretecla <delacruzgarciajuan@gmail.com>
Date: Mon, 7 Jun 2021 07:55:21 +0200
Subject: [PATCH] :sparkles: Add new asset advanced optios css

---
 .../styles/main/partials/sidebar-assets.scss       |  9 +++++++++
 .../main/partials/sidebar-element-options.scss     |  5 +++--
 .../sidebar/options/menus/typography.cljs          | 14 ++++++++++++--
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/frontend/resources/styles/main/partials/sidebar-assets.scss b/frontend/resources/styles/main/partials/sidebar-assets.scss
index 4389cf8b6..122f5e8aa 100644
--- a/frontend/resources/styles/main/partials/sidebar-assets.scss
+++ b/frontend/resources/styles/main/partials/sidebar-assets.scss
@@ -400,6 +400,15 @@
       top: 10px;
       left: 10px;
     }
+
+    .advanced-options {
+      border-color: $color-black;
+      background-color: $color-gray-60;
+
+      .input-text, .input-select, .adv-typography-name {
+        background-color: $color-gray-60;
+      }
+    }
   }
 }
 
diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss
index 446a97c62..31bf7f4ed 100644
--- a/frontend/resources/styles/main/partials/sidebar-element-options.scss
+++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss
@@ -543,7 +543,7 @@
   padding: 0 $x-small;
 
   &:first-child {
-    justify-content: space-between;
+    justify-content: flex-start;
     margin-left: 0;
   }
 
@@ -1001,6 +1001,7 @@
 
 .spacing-options {
   display: flex;
+  width: 100%;
 }
 
 .asset-section {
@@ -1023,7 +1024,7 @@
     width: 100%;
     max-width: none;
     margin: 0;
-    background: #303236;
+    background-color: #303236;
     border-top: none;
     border-left: none;
     border-right: none;
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
index 5fa6300e6..3d6a77929 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
@@ -424,7 +424,8 @@
     [:div.element-set-content
      [:> font-options opts]
      [:div.row-flex
-      [:> spacing-options opts]
+      [:> spacing-options opts]]
+     [:div.row-flex
       [:> text-transform-options opts]]]))
 
 
@@ -501,6 +502,10 @@
           [:span.label (tr "workspace.assets.typography.font-id")]
           [:span (:font-id typography)]]
 
+         [:div.element-set-actions-button
+          {:on-click #(reset! open? true)}
+          i/actions]
+
          [:div.row-flex
           [:span.label (tr "workspace.assets.typography.font-variant-id")]
           [:span (:font-variant-id typography)]]
@@ -532,6 +537,11 @@
             {:type "text"
              :ref name-input-ref
              :default-value (cp/merge-path-item (:path typography) (:name typography))
-             :on-blur on-name-blur}]]]
+             :on-blur on-name-blur}]
+             
+             [:div.element-set-actions-button
+              {:on-click #(reset! open? false)}
+             i/actions]]]
+
          [:& typography-options {:values typography
                                  :on-change on-change}]])]]))