}
}
-#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%;
- height: 100vh;
++ 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: 100%;
+ max-width: 100%;
width: 600px;
}
+
+.woltlabNewsfeed--loading .woltlabNewsfeed__iframe {
+ visibility: hidden;
+}