fix: some regressions in tooltip styling (#1699)

dsanders11 · web-flow · commit d5e133f85426 · 2025-04-02T13:49:15.000+08:00
diff --git a/src/less/blueprint.less b/src/less/blueprint.less
@@ -11,11 +11,11 @@
   }
 
   .bp3-menu,
-  .bp3-popover .bp3-popover-content {
+  .bp3-popover .bp3-popover-content, .bp3-popover2 .bp3-popover2-content {
     background-color: @background-1;
   }
 
-  .bp3-popover .bp3-popover-arrow-fill {
+  .bp3-popover .bp3-popover-arrow-fill, .bp3-popover2 .bp3-popover2-arrow-fill {
     fill: @background-1;
   }
 
diff --git a/src/less/components/commands.less b/src/less/components/commands.less
@@ -43,13 +43,8 @@ header {
   padding-right: 116px !important;
 }
 
-.disabled-menu-tooltip {
-  display: flex;
+.disabled-menu-tooltip.bp3-popover-target, .disabled-menu-tooltip.bp3-popover2-target {
   width: 100%;
-
-  .bp3-popover-target {
-    width: 100%;
-  }
 }
 
 .commands.is-mac {
diff --git a/src/less/components/settings.less b/src/less/components/settings.less
@@ -91,8 +91,8 @@
       }
     }
 
-    .bp3-popover-target {
-      display: inherit;
+    .bp3-popover-target, .bp3-popover2-target {
+      display: inline;
     }
 
     .disabled-version {
diff --git a/src/renderer/components/version-select.tsx b/src/renderer/components/version-select.tsx
@@ -185,6 +185,7 @@ export const renderItem: ItemRenderer<RunnableVersion> = (
           preventOverflow: { enabled: false },
           hide: { enabled: false },
         }}
+        position="bottom"
         intent={Intent.PRIMARY}
         content={`Version is not available on current OS`}
       >

Original file line number	Diff line number	Diff line change
`@@ -11,11 +11,11 @@`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`.bp3-menu,`
`14`		`- .bp3-popover .bp3-popover-content {`
	`14`	`+ .bp3-popover .bp3-popover-content, .bp3-popover2 .bp3-popover2-content {`
`15`	`15`	`background-color: @background-1;`
`16`	`16`	`}`
`17`	`17`
`18`		`- .bp3-popover .bp3-popover-arrow-fill {`
	`18`	`+ .bp3-popover .bp3-popover-arrow-fill, .bp3-popover2 .bp3-popover2-arrow-fill {`
`19`	`19`	`fill: @background-1;`
`20`	`20`	`}`
`21`	`21`
Original file line number	Diff line number	Diff line change
`@@ -43,13 +43,8 @@ header {`
`43`	`43`	`padding-right: 116px !important;`
`44`	`44`	`}`
`45`	`45`
`46`		`-.disabled-menu-tooltip {`
`47`		`- display: flex;`
	`46`	`+.disabled-menu-tooltip.bp3-popover-target, .disabled-menu-tooltip.bp3-popover2-target {`
`48`	`47`	`width: 100%;`
`49`		`-`
`50`		`- .bp3-popover-target {`
`51`		`- width: 100%;`
`52`		`- }`
`53`	`48`	`}`
`54`	`49`
`55`	`50`	`.commands.is-mac {`
Original file line number	Diff line number	Diff line change
`@@ -91,8 +91,8 @@`
`91`	`91`	`}`
`92`	`92`	`}`
`93`	`93`
`94`		`- .bp3-popover-target {`
`95`		`- display: inherit;`
	`94`	`+ .bp3-popover-target, .bp3-popover2-target {`
	`95`	`+ display: inline;`
`96`	`96`	`}`
`97`	`97`
`98`	`98`	`.disabled-version {`
Original file line number	Diff line number	Diff line change
`@@ -185,6 +185,7 @@ export const renderItem: ItemRenderer<RunnableVersion> = (`
`185`	`185`	`preventOverflow: { enabled: false },`
`186`	`186`	`hide: { enabled: false },`
`187`	`187`	`}}`
	`188`	`+ position="bottom"`
`188`	`189`	`intent={Intent.PRIMARY}`
`189`	`190`	content={`Version is not available on current OS`}
`190`	`191`	`>`