Просмотр исходного кода

fix(ui): polish details for the properties select

charlie 2 лет назад
Родитель
Сommit
bc37599acc

+ 2 - 1
src/main/frontend/components/command_palette.css

@@ -85,8 +85,9 @@
 
   &-input {
     padding: 16px;
-    font-size: 20px;
+    font-size: 16px;
     outline: none;
+    background-color: transparent;
   }
 
   &-results {

+ 1 - 1
src/main/frontend/components/db_based/page.cljs

@@ -171,7 +171,7 @@
       [:div.page-info {:on-mouse-over #(reset! *hover? true)
                        :on-mouse-leave #(reset! *hover? false)}
        (when (or hover-or-expanded? has-tags? has-properties? class?)
-         [:div.fade-in.p-2 {:class (if (or @*hover? (not collapsed?))
+         [:div.p-2 {:class (if (or @*hover? (not collapsed?))
                                      "border rounded"
                                      "border rounded border-transparent")}
           [:div.info-title.cursor {:on-click

+ 2 - 1
src/main/frontend/components/select.cljs

@@ -106,6 +106,7 @@
         input-container (or
                          input-container
                          [:div.input-wrap
+                          {:style {:margin-bottom "-2px"}}
                           [:input.cp__select-input.w-full
                            (merge {:type        "text"
                                    :placeholder (or input-default-placeholder (t prompt-key))
@@ -116,7 +117,7 @@
                                                     (reset! input v)
                                                     (and (fn? on-input) (on-input v))))}
                                   input-opts')]])
-        results-container [:div
+        results-container [:div.py-1
                            [:div.item-results-wrap
                             (ui/auto-complete
                              search-result