From: Tim Düsterhus <duesterhus@woltlab.com>
Date: Mon, 20 Sep 2021 14:47:14 +0000 (+0200)
Subject: Fix use of transparentize() in *.scss
X-Git-Tag: 5.4.8_dev_1~18
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=e51f3df5dab68f24f4f673d13bc922367da51cea;p=GitHub%2FWoltLab%2FWCF.git

Fix use of transparentize() in *.scss

The function expects a unitless number between 0 and 1 as the second parameter.
The updated SCSS compiler in 5.5+ complains about this misuse.
---

diff --git a/wcfsetup/install/files/style/ui/contentItem.scss b/wcfsetup/install/files/style/ui/contentItem.scss
index e03709ac99..525faa6138 100644
--- a/wcfsetup/install/files/style/ui/contentItem.scss
+++ b/wcfsetup/install/files/style/ui/contentItem.scss
@@ -70,7 +70,7 @@
 	position: relative;
 
 	&::after {
-		background-image: linear-gradient(to top, $wcfContentBackground, transparentize($wcfContentBackground, 100%));
+		background-image: linear-gradient(to top, $wcfContentBackground, transparentize($wcfContentBackground, 1));
 		bottom: 0;
 		content: "";
 		height: 30px;
diff --git a/wcfsetup/install/files/style/ui/embeddedContent.scss b/wcfsetup/install/files/style/ui/embeddedContent.scss
index 9b4084c52c..3906c580ef 100644
--- a/wcfsetup/install/files/style/ui/embeddedContent.scss
+++ b/wcfsetup/install/files/style/ui/embeddedContent.scss
@@ -76,7 +76,7 @@
 	position: relative;
 
 	&::after {
-		background-image: linear-gradient(to top, $wcfContentBackground, transparentize($wcfContentBackground, 100%));
+		background-image: linear-gradient(to top, $wcfContentBackground, transparentize($wcfContentBackground, 1));
 		content: "";
 		left: 0;
 		height: #{$wcfFontLineHeight}em;
diff --git a/wcfsetup/install/files/style/ui/reactions.scss b/wcfsetup/install/files/style/ui/reactions.scss
index 9c7f610366..b7ec3ff740 100644
--- a/wcfsetup/install/files/style/ui/reactions.scss
+++ b/wcfsetup/install/files/style/ui/reactions.scss
@@ -112,7 +112,7 @@
 		&::after {
 			background-image: linear-gradient(
 				to bottom,
-				transparentize($wcfContentBackground, 100%),
+				transparentize($wcfContentBackground, 1),
 				$wcfContentBackground
 			);
 			bottom: 0;
@@ -124,7 +124,7 @@
 		&::before {
 			background-image: linear-gradient(
 				to top,
-				transparentize($wcfContentBackground, 100%),
+				transparentize($wcfContentBackground, 1),
 				$wcfContentBackground
 			);
 			top: 0;
diff --git a/wcfsetup/install/files/style/ui/tabMenu.scss b/wcfsetup/install/files/style/ui/tabMenu.scss
index eff4e6704b..8f900db350 100644
--- a/wcfsetup/install/files/style/ui/tabMenu.scss
+++ b/wcfsetup/install/files/style/ui/tabMenu.scss
@@ -130,12 +130,12 @@
 }
 
 .tabMenuOverlayLeft {
-	background: linear-gradient(to left, transparentize($wcfContentBackground, 100%) 0%, $wcfContentBackground 50%);
+	background: linear-gradient(to left, transparentize($wcfContentBackground, 1) 0%, $wcfContentBackground 50%);
 	left: 0;
 }
 
 .tabMenuOverlayRight {
-	background: linear-gradient(to right, transparentize($wcfContentBackground, 100%) 0%, $wcfContentBackground 50%);
+	background: linear-gradient(to right, transparentize($wcfContentBackground, 1) 0%, $wcfContentBackground 50%);
 	justify-content: flex-end;
 	right: 0;
 }
diff --git a/wcfsetup/install/files/style/ui/wsc31.scss b/wcfsetup/install/files/style/ui/wsc31.scss
index d14a2e20b3..5eb819b000 100644
--- a/wcfsetup/install/files/style/ui/wsc31.scss
+++ b/wcfsetup/install/files/style/ui/wsc31.scss
@@ -242,14 +242,14 @@
 	.tabMenuOverlayLeft {
 		background: linear-gradient(
 			to left,
-			transparentize($wcfContentContainerBackground, 100%) 0%,
+			transparentize($wcfContentContainerBackground, 1) 0%,
 			$wcfContentContainerBackground 50%
 		);
 	}
 	.tabMenuOverlayRight {
 		background: linear-gradient(
 			to right,
-			transparentize($wcfContentContainerBackground, 100%) 0%,
+			transparentize($wcfContentContainerBackground, 1) 0%,
 			$wcfContentContainerBackground 50%
 		);
 	}