Merge branch 'master' into anywidget-search

gee-community · Dec 17, 2024 · b14cce9 · b14cce9
2 parents b4f335c + 0f9b090
commit b14cce9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/js/ipywidgets_styles.ts b/js/ipywidgets_styles.ts
@@ -75,6 +75,24 @@ export const legacyStyles = css`
         color: var(--jp-ui-inverse-font-color0);
     }
 
+    .legacy-button.active {
+        background-color: var(--colab-primary-surface-color, --jp-layout-color3);
+        color: var(--jp-ui-font-color1);
+        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, var(--md-shadow-key-penumbra-opacity)),
+                    0 1px 10px 0 rgba(0, 0, 0, var(--md-shadow-ambient-shadow-opacity)),
+                    0 2px 4px -1px rgba(0, 0, 0, var(--md-shadow-key-umbra-opacity));
+    }
+
+    .legacy-button.primary {
+        background-color: var(--jp-brand-color1);
+        color: var(--jp-ui-inverse-font-color1);
+    }
+
+    .legacy-button.primary.active {
+        background-color: var(--jp-brand-color0);
+        color: var(--jp-ui-inverse-font-color0);
+    }
+
     .legacy-select {
         -moz-appearance: none;
         -webkit-appearance: none;

diff --git a/js/toolbar_item.ts b/js/toolbar_item.ts
@@ -46,10 +46,10 @@ export class ToolbarItem extends LitWidget<ToolbarItemModel, ToolbarItem> {
     active: boolean = false;
 
     @property({ type: String })
-    icon: string = "";
+    icon: string = '';
 
     @property({ type: String })
-    tooltip_text: string = "";
+    tooltip_text: string = '';
 
     render() {
         return html`