fix(WebexCreateSpace): remove extra space on top of search field and …

…text alignment issue fixes
webex · Jun 10, 2022 · 770f619 · 770f619
1 parent b235fa6
commit 770f619
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/src/components/WebexCreateSpace/WebexCreateSpace.scss b/src/components/WebexCreateSpace/WebexCreateSpace.scss
@@ -20,4 +20,13 @@ $C:#{$WEBEX_COMPONENTS_CLASS_PREFIX}-create-space;
         display: flex;
         color: var(--wxc-speaking-color);
     }
+
+    .#{$WEBEX_COMPONENTS_CLASS_PREFIX}-input-field__input { 
+        outline: none !important;
+        box-shadow: none !important;
+    } 
+
+    .#{$WEBEX_COMPONENTS_CLASS_PREFIX}-options-list {
+        border-radius: 0;
+    }
 }
diff --git a/src/components/WebexSearchPeople/WebexSearchPeople.scss b/src/components/WebexSearchPeople/WebexSearchPeople.scss
@@ -2,22 +2,22 @@ $C:#{$WEBEX_COMPONENTS_CLASS_PREFIX}-search-people;
 
 .#{$C} {
     min-width: 300px;
-    max-width: 560px;
-    width: 460px;
+    max-width: 450px;
+    width: 450px;
     color: var(--wxc-text-color);
     margin-top: 20px;
 
     .#{$C}__people-list-box {
         background: var(--wxc-options-list--normal--background);
         width: auto;
-        padding: 1.2rem 0 0 0;
         max-height: 105px;
         overflow-y: auto;
         border: 0.0625rem solid #CCCCCC;
-        border-radius: 4px;
+        border-radius: 0.5rem;
         margin-top: 8px;
         stroke-width: 1px;
         transition: box-shadow 0.15s ease-out;
+        text-align: left;
 
         .#{$C}__people-added {
             background: var(--wxc-primary-background);
@@ -29,7 +29,7 @@ $C:#{$WEBEX_COMPONENTS_CLASS_PREFIX}-search-people;
             padding: 0 4px 0 1rem;
             display: inline-flex;
             align-items: center;
-            margin: 0 0.3rem 0.3rem 0;
+            margin: 0.3rem;
 
             .#{$C}__people-added-content {
                 padding-right: 5px;
@@ -71,6 +71,7 @@ $C:#{$WEBEX_COMPONENTS_CLASS_PREFIX}-search-people;
             padding: 5px;
             border-bottom: 1px solid grey;
             background: var(--wxc-options-list--normal--background);
+            text-align: left;
         }
 
         .#{$C}__search-error {