diff --git a/frontend/src/app/main/ui/workspace/tokens/editable_select.cljs b/frontend/src/app/main/ui/workspace/tokens/editable_select.cljs index 8f0128d95f..0a56a1ce75 100644 --- a/frontend/src/app/main/ui/workspace/tokens/editable_select.cljs +++ b/frontend/src/app/main/ui/workspace/tokens/editable_select.cljs @@ -62,7 +62,7 @@ [:span {:class (stl/css :check-icon)} i/tick]])))]]]) (mf/defc editable-select - [{:keys [value options class on-change placeholder on-blur on-token-remove position input-props] :as params}] + [{:keys [value options disabled class on-change placeholder on-blur on-token-remove position input-props] :as params}] (let [{:keys [type]} input-props input-class (:class input-props) state* (mf/use-state {:id (uuid/next) @@ -215,7 +215,8 @@ (mf/set-ref-val! emit-blur? (not is-open?))) - [:div {:class (dm/str class " " (stl/css :editable-select))} + [:div {:class (dm/str class " " (stl/css-case :editable-select true + :editable-select-disabled disabled))} (when-let [{:keys [label value]} token] [:div {:title (str label ": " value) :class (stl/css :token-pill)} diff --git a/frontend/src/app/main/ui/workspace/tokens/editable_select.scss b/frontend/src/app/main/ui/workspace/tokens/editable_select.scss index 7983be1b3f..2aa324a1ed 100644 --- a/frontend/src/app/main/ui/workspace/tokens/editable_select.scss +++ b/frontend/src/app/main/ui/workspace/tokens/editable_select.scss @@ -137,3 +137,7 @@ } } } + +.editable-select-disabled { + pointer-events: none; +}