Cleaner Search UI

sugarlabs · Jan 15, 2025 · 9292ed0 · 9292ed0
1 parent ea748ae
commit 9292ed0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/css/activities.css b/css/activities.css
@@ -56,7 +56,7 @@
   position: absolute;
   background-color: white;
   background-repeat: no-repeat;
-  padding: 4.5px 10px 4.5px 20px;
+  padding: 6px 10px 6px 20px;
   -webkit-transition: width 0.4s ease-in-out;
   transition: width 0.4s ease-in-out;
   font-size: 24px;
@@ -65,7 +65,7 @@
 }
 
 #search:focus {
-  border: 2px solid #87cefa;
+  border: 0px solid #87cefa;
 }
 
 #search.open {

diff --git a/js/activity.js b/js/activity.js
@@ -2408,7 +2408,10 @@ class Activity {
         this.showSearchWidget = () => {
             // Bring widget to top.
             this.searchWidget.style.zIndex = 1001;
-            this.searchWidget.style.border = "2px solid lightblue";
+            this.searchWidget.style.borderTop = "0px solid #0cafff";
+            this.searchWidget.style.borderRight = "0px solid #0cafff";
+            this.searchWidget.style.borderLeft = "0px solid #0cafff";
+            this.searchWidget.style.borderBottom = "1px solid #0cafff";
             if (this.helpfulSearchDiv) {
                 this._hideHelpfulSearchWidget();
             }
@@ -2423,7 +2426,7 @@ class Activity {
                 this.searchWidget.value = null;
                 this.searchWidget.style.visibility = "visible";
                 this.searchWidget.style.left =
-                    this.palettes.getSearchPos()[0] * this.turtleBlocksScale * 1.5 + "px";
+                    this.palettes.getSearchPos()[0] * this.turtleBlocksScale * 1.2857142 + "px";
                 this.searchWidget.style.top =
                     this.palettes.getSearchPos()[1] * this.turtleBlocksScale * 0.95 + "px";