From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 25 Jul 2023 09:39:29 +0000 (+0200)
Subject: Merge branch '5.5'
X-Git-Tag: 6.0.0_Alpha_8~62
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=a79c1c2457a40c4a93697b0b3c4a843fe56ed7a1;p=GitHub%2FWoltLab%2FWCF.git

Merge branch '5.5'
---

a79c1c2457a40c4a93697b0b3c4a843fe56ed7a1
diff --cc wcfsetup/install/files/acp/style/layout.scss
index 16d97ba6aa,766b098bf7..3de05bb539
--- a/wcfsetup/install/files/acp/style/layout.scss
+++ b/wcfsetup/install/files/acp/style/layout.scss
@@@ -816,84 -665,10 +816,85 @@@ html[data-color-scheme="dark"] 
  	}
  }
  
 -#woltlab_newsfeed {
 -	border: 1px solid $wcfContentBorderInner;
 -	border-radius: 4px;
 +/* First Time Setup */
 +
 +.firstTimeSetup__section {
 +	margin: 60px auto !important;
 +	max-width: 600px;
 +}
 +
 +.firstTimeSetup__title {
 +	text-align: center;
 +}
 +
 +.firstTimeSetup__nextSteps {
 +	display: flex;
 +	flex-direction: column;
 +	row-gap: 20px;
 +}
 +
 +.firstTimeSetup__nextStep {
 +	column-gap: 20px;
 +	display: grid;
 +	grid-template-columns: 64px auto;
 +}
 +
 +.firstTimeSetup__nextStep__icon {
 +	align-items: center;
 +	display: flex;
 +	justify-content: center;
 +}
 +
 +.firstTimeSetup__nextStep__title {
 +	font-size: 18px;
 +	font-weight: 600;
 +}
 +
 +@include screen-xs {
 +	.firstTimeSetup__section {
 +		margin: 20px auto !important;
 +	}
 +
 +	.firstTimeSetup__nextStep {
 +		display: contents;
 +	}
 +
 +	.firstTimeSetup__nextStep__icon {
 +		display: none;
 +	}
 +
 +	.firstTimeSetup__nextStep__content {
 +		display: flex;
 +		flex-direction: column;
 +		row-gap: 5px;
 +	}
 +}
 +
 +.woltlabNewsfeed {
 +	border: 1px solid var(--wcfContentBorderInner);
 +	border-radius: var(--wcfBorderRadius);
- 	height: 100vh;
+ 	height: 70vh;
  	max-width: 100%;
++	overflow: hidden;
 +	text-align: center;
 +	width: 600px;
 +}
 +
 +.woltlabNewsfeed .loading-indicator {
 +	margin-top: 40px;
 +}
 +
 +.woltlabNewsfeed:not(.woltlabNewsfeed--loading) .loading-indicator {
 +	display: none;
 +}
 +
 +.woltlabNewsfeed__iframe {
 +	border-radius: var(--wcfBorderRadius);
- 	height: 100vh;
++	height: 100%;
 +	max-width: 100%;
  	width: 600px;
  }
 +
 +.woltlabNewsfeed--loading .woltlabNewsfeed__iframe {
 +	visibility: hidden;
 +}