Skip to content

Fix scroll padding style issue#1820

Open
mnbeh wants to merge 3 commits intodevelopfrom
GV-3711
Open

Fix scroll padding style issue#1820
mnbeh wants to merge 3 commits intodevelopfrom
GV-3711

Conversation

@mnbeh
Copy link
Collaborator

@mnbeh mnbeh commented Jan 14, 2021

No description provided.

@mnbeh mnbeh requested a review from pavelzubov January 15, 2021 19:06

const ListContainer = styled.div<{ withScroll?: boolean }>`
display: flex;
padding-bottom: ${$paddingXsmall}px;
Copy link
Member

Choose a reason for hiding this comment

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

HorizontalShadowList is used not only in the dashboard. This change will affect other places as well.

display: flex;
padding-bottom: ${$paddingXsmall}px;
padding-bottom: ${({ withScroll = true }) =>
withScroll ? `${$paddingXsmall}px` : ""};
Copy link
Member

Choose a reason for hiding this comment

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

HorizontalShadowList is used not only in the dashboard. This change will affect other places as well.

@mnbeh
Copy link
Collaborator Author

mnbeh commented Jan 18, 2021

Now, it only affects three components in dashboard page as it should be. And it doesn't affect the message component.

@mnbeh mnbeh requested a review from pavelzubov January 18, 2021 11:49
@pavelzubov
Copy link
Member

HorizontalShadowList doesn't need this change. If the dashboard needs this strange change then create expanded HorizontalShadowList in the dashboard folder and use it.

@mnbeh
Copy link
Collaborator Author

mnbeh commented Jan 20, 2021

I don't understand why this is "strange change". If there is a scroll, HorizontalShadowList should always have an indent between scroll and content. And my change doesn't affect other cases.

Copy link
Member

@pavelzubov pavelzubov left a comment

Choose a reason for hiding this comment

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

Because I don't see reasons for this change) Create a separate component in the dashboard folder and use it.


&__shadow-wrapper {
@include details-block-left-margin();
@include details-block-right-margin();
Copy link
Member

Choose a reason for hiding this comment

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

The task doesn't require this change

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants