Две небольшие детали об экране регистрации после установки Discourse на рабочий стол

Canapin · 17.Октябрь.2022 20:38:47

Я установил Discourse сегодня днем, и вот экран, который приветствовал меня после успешной установки:

Две вещи привлекли мое внимание:

Размер фоновой картинки кажется неправильным: эти случайные, разбросанные большие цветовые пятна выглядят немного странно.
Контейнер с текстом слишком велик на моём экране (ширина 2560 пикселей), на мой взгляд, у него должно быть максимальное ограничение ширины.

Don · 18.Октябрь.2022 05:06:04

Здравствуйте,

Вот комментарий, объясняющий, почему это выглядит немного странно:

github.com/discourse/discourse

app/assets/stylesheets/wizard.scss

243efa893


      
              transform: scale(1.05);
            }
          
            100% {
              transform: scale(1);
            }
          }
          
          body.wizard {
            background: $wizard-bg;
            background-size: 110vw 110vh; // crops better than cover at various viewport sizes
            background-repeat: no-repeat;
            background-position: bottom;
            background-color: var(--secondary);
            color: var(--primary-very-high);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
              Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif;
          
            #wizard-main {
              display: flex;
              flex-direction: column;

Та же проблема наблюдается и на странице приглашения.

github.com/discourse/discourse

app/assets/stylesheets/common/base/login.scss

243efa893


      
                &:hover,
                &:focus {
                  background: var(--primary-very-low);
                }
              }
            }
          }
          
          body.invite-page {
            background-image: $invite-bg;
            background-size: 110vw 110vh; // crops better than cover at various viewport sizes
            background-repeat: no-repeat;
            background-position: bottom;
            background-color: var(--secondary);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
              Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif;
            @include breakpoint("mobile-extra-large") {
              background: $invite-mobile-bg;
              background-size: cover;
              background-repeat: no-repeat;
              background-position: bottom;

Тема		Ответов	Просм.
Discourse get started screen is too big Bug	9	962	29.08.2022
Discourse with a very widescreen browser UX	2	2064	14.10.2016
Scale images button like on Meta Feature	11	1163	02.08.2020
Is this CSS for background imagery good? Support	5	1565	08.06.2024
Large Discourse logo Site feedback	4	1871	31.10.2025

Две небольшие детали об экране регистрации после установки Discourse на рабочий стол

Связанные темы