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

[Breakpoints] Needs polishing in alignment#2866

Merged
jasonLaster merged 1 commit into
firefox-devtools:masterfrom
galtalmor:breakpoints-polishing
May 10, 2017
Merged

[Breakpoints] Needs polishing in alignment#2866
jasonLaster merged 1 commit into
firefox-devtools:masterfrom
galtalmor:breakpoints-polishing

Conversation

@galtalmor
Copy link
Copy Markdown
Contributor

Associated Issue: #2841

Summary of Changes

  • The "remove breakpoint" button (X) is now aligned vertically.
  • The "remove breakpoint" button (X) is now aligned with the checkbox above it.
  • When breakpoints are added, the "Breakpoint" title bar will not get a height larger than the other titles.
  • The checkbox for each item is now aligned with the file name.

Test Plan

Tested how the breakpoints menu looks on Firefox, Chrome and Edge on Windows 10.
Verified the functionality of all the items in it still work as expected (enable/disable breakpoints, remove breakpoints and clicking the file name).

Screenshots/Videos (OPTIONAL)

image

@galtalmor
Copy link
Copy Markdown
Contributor Author

#goodnessSquad

@jasonLaster
Copy link
Copy Markdown
Contributor

Mind sharing a screenshot with a line snippet?

Copy link
Copy Markdown
Contributor

@jasonLaster jasonLaster left a comment

Choose a reason for hiding this comment

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

Awesome!

@jasonLaster
Copy link
Copy Markdown
Contributor

Mind checking with RTL on as well. Not necessary, but nice

@codecov
Copy link
Copy Markdown

codecov Bot commented May 10, 2017

Codecov Report

Merging #2866 into master will decrease coverage by 0.17%.
The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #2866      +/-   ##
==========================================
- Coverage   58.83%   58.65%   -0.18%     
==========================================
  Files          63       63              
  Lines        2378     2368      -10     
  Branches      487      487              
==========================================
- Hits         1399     1389      -10     
  Misses        979      979
Impacted Files Coverage Δ
src/components/Outline.js 80% <0%> (-3.79%) ⬇️
src/components/shared/previewFunction.js 100% <0%> (ø) ⬆️

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 c39e03a...5088b33. Read the comment docs.

@jasonLaster
Copy link
Copy Markdown
Contributor

jasonLaster commented May 10, 2017 via email

@jasonLaster
Copy link
Copy Markdown
Contributor

jasonLaster commented May 10, 2017 via email

@galtalmor
Copy link
Copy Markdown
Contributor Author

Here's a screenshot with the line snippet
image

@jasonLaster How do I check it with RTL on?

@galtalmor galtalmor force-pushed the breakpoints-polishing branch from 9554183 to 5088b33 Compare May 10, 2017 17:56
@galtalmor
Copy link
Copy Markdown
Contributor Author

galtalmor commented May 10, 2017

There was an issue with the RTL. I've just fixed it.

Here's a screenshot with RTL on
image

Copy link
Copy Markdown
Contributor

@jasonLaster jasonLaster left a comment

Choose a reason for hiding this comment

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

👍

Thanks @galtalmor!

@jasonLaster jasonLaster merged commit 1d35c6d into firefox-devtools:master May 10, 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