Skip to content

[7.4] [Code] New SearchPage layout (#45821)#45976

Closed
rylnd wants to merge 1 commit intoelastic:7.4from
rylnd:backport/7.4/pr-45821
Closed

[7.4] [Code] New SearchPage layout (#45821)#45976
rylnd wants to merge 1 commit intoelastic:7.4from
rylnd:backport/7.4/pr-45821

Conversation

@rylnd
Copy link
Contributor

@rylnd rylnd commented Sep 17, 2019

Backports the following commits to 7.4:

* Remove now-unused ScopeTabs component

The new layout does not include these tabs; their utility is redundant
with the ScopeSelector dropdown in the search bar.

* Remove unused style

Randomly found this orphaned rule while in here. The consuming component
was deleted in a previous commit (ef8d7ea).

* Use consistent block names in our BEM classes

Others in this component already use codeQueryBar, so...

* Move the Search bar above both the sidebar and main content

* Align the search dropdown's RHS with the search sidebar

This required a little coordination between the two components
through a couple of sass variables.

* Remove erroneous width rule

This was incorrect for two reasons:

* You need to interpolate the sass variable within calc
* This is the same as width: auto and can be deleted

* Copy: Search Filter -> Advanced Filter

Also removes some odd spacing surrounding the text; that should be done
with CSS instead.

* Space out badge with margin, not nbsp

The copy previously had a leading space; using margin is a better
approach. The class that was replaced was unused.

* Fix alignment of Filters flyout badge

This tweaks the pink badge to be aligned with the text on the flyout
title.

Also removes a now-obsolete className (code-flyout-title).

* Adjust layout of Search filter sidebar

* Indents facets below the filter's title
* Adjusts spacing to be more consistent, removes use of EuiSpacer

NB there's a bit of a hack for the indentation itself: we use an empty,
fixed-width div for the facet's icon prop.

* Fix newline errors

These were introduced by some default vscode settings, which have now
been resolved.

* Update snapshots following markup changes

* Less hacky way of indenting facet buttons

Rather than use an empty, fixed-width div as an icon, just give it some
margin-left.

* Swap hardcoded rem values for equivalent eui vars

* One more eui var replacement

* Remove unused import

* Remove unused translations

These existed in the ScopeTabs component which has been deleted.
@rylnd rylnd added the backport This PR is a backport of another PR label Sep 17, 2019
@mw-ding
Copy link
Contributor

mw-ding commented Sep 18, 2019

since we are only 1 week away from the final release, and this PR also serves more like a feature, we may not want to backport to 7.4 though.

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@rylnd
Copy link
Contributor Author

rylnd commented Sep 18, 2019

since we are only 1 week away from the final release, and this PR also serves more like a feature, we may not want to backport to 7.4 though.

Closing for the quoted reason.

@rylnd rylnd closed this Sep 18, 2019
@rylnd rylnd deleted the backport/7.4/pr-45821 branch September 18, 2019 15:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants