Merge branch '5.5'
authorAlexander Ebert <ebert@woltlab.com>
Tue, 25 Jul 2023 09:39:29 +0000 (11:39 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Tue, 25 Jul 2023 09:39:29 +0000 (11:39 +0200)
1  2 
wcfsetup/install/files/acp/style/layout.scss

index 16d97ba6aaa9ff165d4928104186fa9253c2d8ca,766b098bf732c3e61eccd10c7552526eeb45e1f0..3de05bb539c46092605d85d7b142edb5248da858
@@@ -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%;
-       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;
 +}