Skip to content

Minor tweaks to the Welcome Page #33660

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Sep 23, 2019
Merged

Minor tweaks to the Welcome Page #33660

merged 1 commit into from
Sep 23, 2019

Conversation

yceruto
Copy link
Member

@yceruto yceruto commented Sep 21, 2019

Q A
Branch? 4.4
Bug fix? no
New feature? no
Deprecations? no
Tickets -
License MIT
Doc PR -

Sorry, I'm late on #33613 and #33614 but I realized 3 minor visual issues:

  • the background color of the warning message for consistency should be $lightColor() and imho a little bit smaller.
  • the check icon has a very wide margin in relation to the edge of the rounded box:
    check-margin-before vs check-margin-after
  • and the resources (doc links) on wide screens have a very small space between them.

I've also removed some useless css classes (footer).

before after
welcome-page-before welcome-page-after

tested on Chrome and Firefox.

@yceruto yceruto added this to the next milestone Sep 21, 2019
@javiereguiluz
Copy link
Member

The white background for the warning was on purpose to make it more visible and stand out in the page.

The separation between icons on wide screen can be made wider ... but I think it's too wide now :(

@yceruto
Copy link
Member Author

yceruto commented Sep 23, 2019

Hi @javiereguiluz, I'm sorry I didn't discuss it earlier.

The white background for the warning was on purpose to make it more visible and stand out in the page.

I agree with that, and I think still it's super visible at top of the page and even has a large font size, I don't think making it consistent with the light color #F1F0F5 would detract from his visibility.

The separation between icons on wide screen can be made wider ... but I think it's too wide now :(

I've added the max-width again, but my initial motivation was distribute items evenly, items have equal space around them (regardless of screen width):
wide

Copy link
Member

@javiereguiluz javiereguiluz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for making some tweaks.

About the warning background, you are right that the difference is not visible to most users.

About the icons, I saw that you increased the max-width. I thin kit's a good solution to let them breath ... without displaying them visually unconnected.

Thanks!

yceruto added a commit that referenced this pull request Sep 23, 2019
This PR was merged into the 4.4 branch.

Discussion
----------

Minor tweaks to the Welcome Page

| Q             | A
| ------------- | ---
| Branch?       | 4.4
| Bug fix?      | no
| New feature?  | no
| Deprecations? | no
| Tickets       | -
| License       | MIT
| Doc PR        | -

Sorry, I'm late on #33613 and #33614 but I realized 3 minor visual issues:
 * the background color of the warning message for consistency should be `$lightColor()` and imho a little bit smaller.
 * the check icon has a very wide margin in relation to the edge of the rounded box:
![check-margin-before](https://user-images.githubusercontent.com/2028198/65379790-3ee95a00-dc9c-11e9-97d6-af6c10837c6d.png) vs ![check-margin-after](https://user-images.githubusercontent.com/2028198/65379810-b1f2d080-dc9c-11e9-8167-7ebbd0f92927.png)
 * and the resources (doc links) on wide screens have a very small space between them.

I've also removed some useless css classes (footer).

| before | after |
| --- | --- |
| ![welcome-page-before](https://user-images.githubusercontent.com/2028198/65379730-e2d20600-dc9a-11e9-8a8a-10763baadfda.png) | ![welcome-page-after](https://user-images.githubusercontent.com/2028198/65379731-ecf40480-dc9a-11e9-88a1-bda59bf04814.png) |

tested on Chrome and Firefox.

Commits
-------

8484378 Minor tweaks
@yceruto yceruto merged commit 8484378 into symfony:4.4 Sep 23, 2019
@nicolas-grekas nicolas-grekas modified the milestones: next, 4.4 Oct 27, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants