Increase the height of the user profile cover photo in xs view

BurntimeX · BurntimeX · commit 099209130960 · 2025-11-01T13:41:53.000+01:00
ref https://www.woltlab.com/community/thread/314240-6-2-reduce-the-height-of-the-cover-photo-in-mobile-resolution/?postID=2018926#post2018926
diff --git a/wcfsetup/install/files/style/ui/userProfileHeader.scss b/wcfsetup/install/files/style/ui/userProfileHeader.scss
@@ -35,14 +35,12 @@ body[data-page-identifier="com.woltlab.wcf.User"] .userProfileContent:first-chil
 }
 
 .userProfileHeader__coverPhoto {
-	height: 250px;
-
-	@include screen-sm {
+	@include screen-sm-down {
 		height: 150px;
 	}
 
-	@include screen-xs {
-		height: 100px;
+	@include screen-md-up {
+		height: 250px;
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -35,14 +35,12 @@ body[data-page-identifier="com.woltlab.wcf.User"] .userProfileContent:first-chil`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`.userProfileHeader__coverPhoto {`
`38`		`- height: 250px;`
`39`		`-`
`40`		`- @include screen-sm {`
	`38`	`+ @include screen-sm-down {`
`41`	`39`	`height: 150px;`
`42`	`40`	`}`
`43`	`41`
`44`		`- @include screen-xs {`
`45`		`- height: 100px;`
	`42`	`+ @include screen-md-up {`
	`43`	`+ height: 250px;`
`46`	`44`	`}`
`47`	`45`	`}`
`48`	`46`