Skip to content
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

Replace resize handle with border, and small UI touchups #7

Conversation

davismcphee
Copy link

Summary

This PR removes the border below the Discover tabs and replaces the resize handle with a border, as well as a few other touchups.

@@ -33,7 +32,7 @@
}

.dscGridToolbarControlGroup {
border: $euiBorderThin;
box-shadow: inset 0 0 0 $euiBorderWidthThin $euiBorderColor;
Copy link
Author

Choose a reason for hiding this comment

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

Using border here makes the buttons 34px instead of 32px, so they're slightly larger than the ones next to them. Using box-shadow instead seems to avoid this.

@@ -4,6 +4,7 @@
// stylelint-disable selector-no-qualifying-type
.kbnDocTableWrapper {
@include euiScrollBar;
@include euiOverflowShadow;
Copy link
Author

Choose a reason for hiding this comment

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

Added an overflow shadow to the legacy grid to improve the look of it with the new tabs design. It also looks good in the embeddable IMO.

)}
</EuiFlexGroup>
</EuiFlexItem>
{(prepend || totalHitCount) && (
Copy link
Author

Choose a reason for hiding this comment

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

This gets rid of a few pixels in the embeddable due to the flex group gap when there is no content in the flex item.

@jughosta jughosta merged commit 22e9000 into jughosta:redesign-grid-toolbar Oct 19, 2023
1 check passed
@jughosta
Copy link
Owner

Thanks, Davis!

@davismcphee davismcphee deleted the davis-redesign-grid-toolbar branch October 19, 2023 15:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants