fix: Dropdown disabled and empty styles

decentraland · Nov 1, 2023 · 0cbc1e4 · 0cbc1e4
1 parent 2acf247
commit 0cbc1e4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/@dcl/inspector/src/components/ui/Dropdown/Dropdown.css b/packages/@dcl/inspector/src/components/ui/Dropdown/Dropdown.css
@@ -72,6 +72,9 @@
   border-radius: 4px;
   z-index: 5;
   user-select: none;
+  max-height: 132px;
+  overflow-y: auto;
+  cursor: initial;
 }
 .DropdownContainer .Dropdown .DropdownOptions.searchable .DropdownSearch.TextField {
   padding: 0px 7px 6px 7px;
@@ -85,6 +88,6 @@
   .Dropdown
   .DropdownOptions.searchable
   .DropdownSearch.TextField
-  .input-container:not(.hovered):not(.focused) {
+  .InputContainer:not(.hovered):not(.focused) {
   border-color: var(--base-12);
 }
diff --git a/packages/@dcl/inspector/src/components/ui/Dropdown/Dropdown.tsx b/packages/@dcl/inspector/src/components/ui/Dropdown/Dropdown.tsx
@@ -153,7 +153,7 @@ const Dropdown: React.FC<Props> = (props) => {
                   />
                 ))
             ) : (
-              <Option label={empty} minWidth={minWidth} />
+              <Option label={empty} minWidth={minWidth} disabled />
             )}
           </div>
         ) : null}

diff --git a/packages/@dcl/inspector/src/components/ui/Dropdown/Option/Option.css b/packages/@dcl/inspector/src/components/ui/Dropdown/Option/Option.css
@@ -5,6 +5,7 @@
   width: 100%;
   padding: 4px 8px;
   color: var(--base-02);
+  cursor: pointer;
 }
 
 .OptionContainer:last-child {
@@ -26,7 +27,6 @@
   align-items: center;
   height: 100%;
   gap: 4px;
-  cursor: pointer;
 }
 
 .OptionContainer .Option {
-Original file line number
+Diff line change
@@ Expand Up / @@ -153,7 +153,7 @@ const Dropdown: React.FC<Props> = (props) => { @@
                       />
                     ))
                 ) : (
-                  <Option label={empty} minWidth={minWidth} />
+                  <Option label={empty} minWidth={minWidth} disabled />
                 )}
               </div>
             ) : null}
@@ Expand Down @@