Make grass and safety action modal transparent

Hanage999 · Hanage999 · commit d6fc805c7d9b · 2026-04-25T15:34:01.000+09:00
diff --git a/app/javascript/styles/crazynewworld/transparent_background.scss b/app/javascript/styles/crazynewworld/transparent_background.scss
@@ -56,6 +56,10 @@
     background: rgba(9, 9, 12, 0.7);
   }
 
+  .with-zig-zag-decoration:after {
+    background-color: rgba(0,0,0,0);
+  }
+
   /* モーダル等 */
 
   .ui__navigation-bar,
@@ -70,6 +74,11 @@
     backdrop-filter: var(--background-filter-dark);
   }
 
+  .safety-action-modal__top,
+  .safety-action-modal__bottom {
+    background: none;
+  }
+
   .search.active .search__popout {
     background: var(--color-bg-overlay);
   }
diff --git a/app/javascript/styles/crazynewworld/transparent_background_dark.scss b/app/javascript/styles/crazynewworld/transparent_background_dark.scss
@@ -61,6 +61,10 @@
     backdrop-filter: var(--background-filter-darker);
   }
 
+  .with-zig-zag-decoration:after {
+    background-color: rgba(0, 0, 0, 0);
+  }
+
   /* モーダル等 */
 
   .ui__navigation-bar,
@@ -75,6 +79,11 @@
     backdrop-filter: var(--background-filter-dark);
   }
 
+  .safety-action-modal__top,
+  .safety-action-modal__bottom {
+    background: none;
+  }
+
   .search.active .search__popout {
     background: var(--color-bg-overlay);
   }

Original file line number	Diff line number	Diff line change
`@@ -56,6 +56,10 @@`
`56`	`56`	`background: rgba(9, 9, 12, 0.7);`
`57`	`57`	`}`
`58`	`58`
	`59`	`+ .with-zig-zag-decoration:after {`
	`60`	`+ background-color: rgba(0,0,0,0);`
	`61`	`+ }`
	`62`	`+`
`59`	`63`	`/* モーダル等 */`
`60`	`64`
`61`	`65`	`.ui__navigation-bar,`
`@@ -70,6 +74,11 @@`
`70`	`74`	`backdrop-filter: var(--background-filter-dark);`
`71`	`75`	`}`
`72`	`76`
	`77`	`+ .safety-action-modal__top,`
	`78`	`+ .safety-action-modal__bottom {`
	`79`	`+ background: none;`
	`80`	`+ }`
	`81`	`+`
`73`	`82`	`.search.active .search__popout {`
`74`	`83`	`background: var(--color-bg-overlay);`
`75`	`84`	`}`
Original file line number	Diff line number	Diff line change
`@@ -61,6 +61,10 @@`
`61`	`61`	`backdrop-filter: var(--background-filter-darker);`
`62`	`62`	`}`
`63`	`63`
	`64`	`+ .with-zig-zag-decoration:after {`
	`65`	`+ background-color: rgba(0, 0, 0, 0);`
	`66`	`+ }`
	`67`	`+`
`64`	`68`	`/* モーダル等 */`
`65`	`69`
`66`	`70`	`.ui__navigation-bar,`
`@@ -75,6 +79,11 @@`
`75`	`79`	`backdrop-filter: var(--background-filter-dark);`
`76`	`80`	`}`
`77`	`81`
	`82`	`+ .safety-action-modal__top,`
	`83`	`+ .safety-action-modal__bottom {`
	`84`	`+ background: none;`
	`85`	`+ }`
	`86`	`+`
`78`	`87`	`.search.active .search__popout {`
`79`	`88`	`background: var(--color-bg-overlay);`
`80`	`89`	`}`