Skip to content
This repository has been archived by the owner on Oct 23, 2023. It is now read-only.

feat: update styling of pattern pane #475

Merged
merged 13 commits into from
May 30, 2018
Merged

feat: update styling of pattern pane #475

merged 13 commits into from
May 30, 2018

Conversation

tilmx
Copy link
Member

@tilmx tilmx commented May 28, 2018

Should be squashed into "feat: update styling of pattern pane"

@tilmx tilmx changed the title WIP: feat: update styling of pattern pane feat: update styling of pattern pane May 28, 2018
@tilmx tilmx requested a review from marionebl May 28, 2018 21:35
Copy link
Contributor

@marionebl marionebl left a comment

Choose a reason for hiding this comment

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

Some comments

const StyledIcon = styled(Icon)`
position: absolute;
left: 0;
top: ${getSpace(SpaceSize.M) - 1}px; // fix to propertly align icon
Copy link
Contributor

Choose a reason for hiding this comment

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

Please use top: 50%; transform: translateY(-50%) here

margin-left: -${getSpace(SpaceSize.L)}px;
margin-right: -${getSpace(SpaceSize.L)}px;
padding: 0 ${getSpace(SpaceSize.M)}px;
overflow-y: scroll;
Copy link
Contributor

Choose a reason for hiding this comment

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

Use auto here to avoid useless scrollbars

@marionebl marionebl merged commit 71f81cd into master May 30, 2018
@marionebl marionebl deleted the feat/pattern-styling branch May 30, 2018 08:26
markusoelhafen pushed a commit that referenced this pull request Jun 12, 2018
* fix: replace pattern icon

* feat: move pattern pane to left sidebar

* feat: enable resizing for pattern pane

* feat: apply new pattern list item styling

* fixup! resolve merge conflict

* feat: apply new pattern label styling

* feat: apply new pattern search styling

* fix: rename input to search

* fixup! rename input properly in other files

* fix: restore page title editing

* fix: replace overflow scroll with auto
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants