Fix: QTooltip が文言によっては変な箇所で折り返す問題を修正・ツールチップの背景色やデザインを調整

tsukumijima · tsukumijima · commit 4bb906e78450 · 2025-04-25T12:14:59.000+09:00
diff --git a/src/styles/_index.scss b/src/styles/_index.scss
@@ -105,6 +105,14 @@ img {
   }
 }
 
+.q-tooltip {
+  // 背景色を変更
+  background-color: rgba(colors.$surface-rgb, 1) !important;
+  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2) !important;
+  // ツールチップが変な箇所で折り返さないようにする
+  max-width: none !important;
+}
+
 // ダイアログ
 .q-dialog,
 #q-loading {

Original file line number	Diff line number	Diff line change
`@@ -105,6 +105,14 @@ img {`
`105`	`105`	`}`
`106`	`106`	`}`
`107`	`107`
	`108`	`+.q-tooltip {`
	`109`	`+ // 背景色を変更`
	`110`	`+ background-color: rgba(colors.$surface-rgb, 1) !important;`
	`111`	`+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2) !important;`
	`112`	`+ // ツールチップが変な箇所で折り返さないようにする`
	`113`	`+ max-width: none !important;`
	`114`	`+}`
	`115`	`+`
`108`	`116`	`// ダイアログ`
`109`	`117`	`.q-dialog,`
`110`	`118`	`#q-loading {`