Skip to content

Conversation

@fxedel
Copy link
Member

@fxedel fxedel commented Feb 28, 2017

See #4.

  • Optimize header
    • Wrap items
    • Resize font and logo
    • Replace "Search" with search symbol
    • Hide logo when search input is focused with JS (only phone)
  • Wrap long urls (for example in thunder-wash-100-rgb)

@FloEdelmann Feel free to add points that make the website more responsive.

@FloEdelmann FloEdelmann temporarily deployed to open-fixture-library-pr-27 February 28, 2017 15:27 Inactive
@fxedel fxedel added the component-ui Affects the user interface on the open-fixture-library.org website. label Feb 28, 2017
@fxedel fxedel self-assigned this Feb 28, 2017
@FloEdelmann FloEdelmann temporarily deployed to open-fixture-library-pr-27 February 28, 2017 16:40 Inactive
@fxedel fxedel requested a review from FloEdelmann February 28, 2017 22:51
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:03 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:16 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:19 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:20 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:20 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:21 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:23 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:29 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 February 28, 2017 23:42 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 March 1, 2017 00:07 Failure
@FloEdelmann FloEdelmann had a problem deploying to open-fixture-library-pr-27 March 1, 2017 00:48 Failure
Copy link
Member

@FloEdelmann FloEdelmann left a comment

Choose a reason for hiding this comment

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

Also, we should hide the text in the logo and search button by giving the elements zero width and using padding-left instead.

public/style.css Outdated
}

header>nav {
header nav {
Copy link
Member

Choose a reason for hiding this comment

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

Why change this?

Copy link
Member Author

Choose a reason for hiding this comment

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

Fixed.

padding: var(--padding);
width: var(--icon-size);
height: var(--icon-size);
box-sizing: content-box;
Copy link
Member

Choose a reason for hiding this comment

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

This is the default. Why add it?

Copy link
Member Author

Choose a reason for hiding this comment

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

It isn't, as this is a button.

public/style.css Outdated
background: #5294e2;
header button:hover {
background-color: var(--blue-300);
border-color: transparent;
Copy link
Member

Choose a reason for hiding this comment

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

Does the button visually "shrink" by that? If so, I'd rather use var(--blue-300) here, too.

Copy link
Member Author

Choose a reason for hiding this comment

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

No, it doesn't shrink.

color: inherit;
header button:active {
background-color: var(--blue-700);
border-color: transparent;
Copy link
Member

Choose a reason for hiding this comment

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

Again

@FloEdelmann FloEdelmann temporarily deployed to open-fixture-library-pr-27 March 1, 2017 12:46 Inactive
@fxedel
Copy link
Member Author

fxedel commented Mar 1, 2017

Fixed in last commit.

@fxedel fxedel merged commit 5647990 into master Mar 1, 2017
@fxedel fxedel mentioned this pull request Mar 1, 2017
@FloEdelmann FloEdelmann deleted the mobile-ui branch March 1, 2017 17:55
@FloEdelmann FloEdelmann mentioned this pull request Sep 6, 2018
11 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component-ui Affects the user interface on the open-fixture-library.org website.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants