Skip to content
This repository was archived by the owner on Jan 11, 2023. It is now read-only.

[SourceSearch] Improve not-found UI#3473

Merged
jasonLaster merged 1 commit into
firefox-devtools:nextfrom
codehag:chore/3469-sourcesearch-improve-not-found-ui
Jul 31, 2017
Merged

[SourceSearch] Improve not-found UI#3473
jasonLaster merged 1 commit into
firefox-devtools:nextfrom
codehag:chore/3469-sourcesearch-improve-not-found-ui

Conversation

@codehag
Copy link
Copy Markdown
Contributor

@codehag codehag commented Jul 27, 2017

Associated Issue: #3469

Summary of changes

  • add absolute-center util
  • remove flexbox
  • update message
  • add noNegativity option to allow sad face opt-out

Before:
screen shot 2017-07-27 at 12 25 14 pm

After:
screen shot 2017-07-27 at 12 24 05 pm

screen shot 2017-07-27 at 12 22 50 pm

Other places where search input is used still have the same styles:
screen shot 2017-07-27 at 12 22 42 pm

@codecov
Copy link
Copy Markdown

codecov Bot commented Jul 27, 2017

Codecov Report

Merging #3473 into next will decrease coverage by 0.01%.
The diff coverage is 60.25%.

Impacted file tree graph

@@            Coverage Diff             @@
##             next    #3473      +/-   ##
==========================================
- Coverage   51.55%   51.54%   -0.02%     
==========================================
  Files         110      110              
  Lines        4570     4571       +1     
  Branches      944      944              
==========================================
  Hits         2356     2356              
- Misses       2214     2215       +1
Impacted Files Coverage Δ
src/utils/editor/source-documents.js 6.25% <ø> (ø) ⬆️
src/components/shared/SearchInput.js 8.33% <0%> (-0.37%) ⬇️
src/actions/pause.js 18.86% <0%> (ø) ⬆️
src/components/Editor/index.js 21.49% <0%> (ø) ⬆️
src/components/shared/Modal.js 10.52% <10.52%> (ø) ⬆️
src/utils/search/get-matches.js 100% <100%> (ø) ⬆️
src/utils/prefs.js 100% <100%> (ø) ⬆️
src/client/firefox.js 88.23% <100%> (ø) ⬆️
src/client/firefox/commands.js 15.78% <100%> (ø) ⬆️
src/client/firefox/create.js 18.75% <100%> (ø) ⬆️
... and 12 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6644115...1859b84. Read the comment docs.

Comment thread src/components/App.css Outdated
transform: translateY(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

autoprefixer + vertical-center could help

Comment thread src/components/shared/SearchInput.js Outdated

renderSvg() {
const { count, query } = this.props;
sadFaceStyles() {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

perhaps showSadFace

Comment thread src/components/shared/SearchInput.js Outdated
SearchInput.defaultProps = {
size: ""
size: "",
noNegativity: false
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

noNegativity: false this is too hard on the brain

@codehag codehag force-pushed the chore/3469-sourcesearch-improve-not-found-ui branch from 9bc0278 to 6d50428 Compare July 27, 2017 14:54

# LOCALIZATION NOTE (sourceSearch.noResults): The center pane Source Search
# message when the query did not match any of the sources.
sourceSearch.noResults=No files matching %S found
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

this should be changed to sourceSearch.noResults2

Comment thread src/components/shared/SearchInput.js Outdated

renderSvg() {
const { count, query } = this.props;
hasErrorEmoji() {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

perhaps, shouldShowErrorEmoji

SearchInput.defaultProps = {
size: ""
size: "",
showErrorEmoji: true
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

can you update the storybook stories with this new field?

@jasonLaster
Copy link
Copy Markdown
Contributor

Found two things:

  1. the label is not centered
  2. the storybook does not show the sad face by default

@codehag
Copy link
Copy Markdown
Contributor Author

codehag commented Jul 28, 2017

or maybe i missed a comma... trying to check

@codehag
Copy link
Copy Markdown
Contributor Author

codehag commented Jul 28, 2017

..sigh

@codehag codehag force-pushed the chore/3469-sourcesearch-improve-not-found-ui branch 3 times, most recently from b1667b5 to f31cd61 Compare July 28, 2017 16:39
@jasonLaster jasonLaster force-pushed the chore/3469-sourcesearch-improve-not-found-ui branch 2 times, most recently from 459cda5 to 870f99c Compare July 28, 2017 19:04
@jasonLaster jasonLaster changed the title SourceSearch Improve not-found UI [SourceSearch] Improve not-found UI Jul 28, 2017
@jasonLaster jasonLaster force-pushed the chore/3469-sourcesearch-improve-not-found-ui branch from 870f99c to 1859b84 Compare July 28, 2017 20:42
@jasonLaster jasonLaster merged commit 287ffa7 into firefox-devtools:next Jul 31, 2017
jasonLaster pushed a commit to jasonLaster/debugger.html that referenced this pull request Aug 1, 2017
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