palette sticky issue solved (#4055)

sugarlabs · Nov 14, 2024 · 926303d · 926303d
1 parent 582b50c
commit 926303d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/css/activities.css b/css/activities.css
@@ -1732,6 +1732,10 @@ table {
 .disable_highlighting {
   user-select: none;
 }
+#palette.flex-palette {
+  display: flex !important;
+  flex-direction: row !important;
+}
 
 @media (max-width: 390px) {
   #right-arrow,

diff --git a/js/palette.js b/js/palette.js
@@ -111,12 +111,13 @@ class Palettes {
             const element = document.createElement("div");
             element.id = "palette";
             element.setAttribute("class", "disable_highlighting");
+            element.classList.add('flex-palette')
             element.setAttribute(
                 "style",
-                "position: absolute; z-index: 1000; display: none ; left :0px; top:" + this.top + "px"
+                "position: absolute; z-index: 1000; left :0px; top:" + this.top + "px"
             );
             element.innerHTML =
-                '<div style="float: left"><table width ="' +
+                '<div style="height:fit-content"><table width ="' +
                 1.5 * this.cellSize +
                 'px"bgcolor="white"><thead><tr></tr></thead></table><table width ="' +
                 4.5 * this.cellSize +