Improved Search Bar Design for Better UI Consistency (#4254)

* change in width of searchbar * changing in border color
sugarlabs · Jan 13, 2025 · 676fe6f · 676fe6f
1 parent 3186986
commit 676fe6f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/css/activities.css b/css/activities.css
@@ -51,7 +51,7 @@
 }
 
 #search[type="text"] {
-  width: 400px;
+  width: 300px;
   box-sizing: border-box;
   position: absolute;
   background-color: white;

diff --git a/js/activity.js b/js/activity.js
@@ -2408,7 +2408,7 @@ class Activity {
         this.showSearchWidget = () => {
             // Bring widget to top.
             this.searchWidget.style.zIndex = 1001;
-            this.searchWidget.style.border = "2px solid blue";
+            this.searchWidget.style.border = "2px solid lightblue";
             if (this.helpfulSearchDiv) {
                 this._hideHelpfulSearchWidget();
             }