Florens Verschelde
d57b479711
Bug 1525939 - Use shared Accordion component in Inspector; r=yzen
...
Differential Revision: https://phabricator.services.mozilla.com/D43640
--HG--
extra : moz-landing-system : lando
2019-11-01 16:11:13 +00:00
Florens Verschelde
ac9c3d58a3
Bug 1575786 - Use unprefixed user-select property in devtools CSS; r=ladybenko,jlast
...
Differential Revision: https://phabricator.services.mozilla.com/D43217
--HG--
extra : moz-landing-system : lando
2019-08-29 10:12:25 +00:00
Thomas
6d0f6d5946
Bug 1519537 - layout flex inspector - change min/max color in diagram and info chart. r=mtigley
...
In the layout panel of the inspector, in the flex part, change color of min and max properties.
Change the min/max labels, and lock icon color of the flex outline box to the same color too.
Differential Revision: https://phabricator.services.mozilla.com/D33835
--HG--
extra : moz-landing-system : lando
2019-06-12 19:53:34 +00:00
Gabriel Luong
22a53ea7f9
Bug 1468402 - Part 2: Indent the subgrids in the grid list. r=pbro
...
Differential Revision: https://phabricator.services.mozilla.com/D29316
2019-04-30 00:50:50 -04:00
akshitha
2d29717b84
Bug 1512481- Resolved the smooshing of the - basis/final - text against the image in flex inspector's flex-item graphic . r=pbro
...
Differential Revision: https://phabricator.services.mozilla.com/D17646
--HG--
extra : moz-landing-system : lando
2019-01-25 16:04:06 +00:00
Micah Tigley
e9d6362cbf
Bug 1511455 - Draw the flex item outline's min point at correct position when set to grow. r=gl
...
Differential Revision: https://phabricator.services.mozilla.com/D14349
--HG--
extra : moz-landing-system : lando
2019-01-02 22:11:32 +00:00
Micah Tigley
7d73acbbfb
Bug 1514990 - Rotate flex item sizing outline for items whose main axis direction is vertical-bt. r=pbro
...
Differential Revision: https://phabricator.services.mozilla.com/D14975
--HG--
extra : moz-landing-system : lando
2018-12-21 01:15:34 +00:00
Micah Tigley
a5beaa5c57
Bug 1508613 - Transform the flex item sizing outline to match the main/cross direction of the item on the page. r=pbro
...
Differential Revision: https://phabricator.services.mozilla.com/D14169
--HG--
extra : moz-landing-system : lando
2018-12-17 09:21:43 +00:00
Micah Tigley
85e7888e4d
Bug 1508404 - Style flex outline to match new colour scheme. r=gl
...
Differential Revision: https://phabricator.services.mozilla.com/D13292
--HG--
extra : moz-landing-system : lando
2018-11-29 20:33:05 +00:00
Gabriel Luong
e83ad74571
Bug 1508402 - Flex item selector dropdown menu should the whole selector if it fits. r=pbro
2018-11-28 11:28:01 -05:00
Patrick Brosset
e2e2117d83
Bug 1503180 - Part 4 - Give the sizing section names the right colors; r=mtigley
...
Differential Revision: https://phabricator.services.mozilla.com/D12681
--HG--
extra : moz-landing-system : lando
2018-11-22 18:23:46 +00:00
Gabriel Luong
874059cbeb
Bug 1507748 - Add a pointer cursor to the flexbox inspector buttons. r=mtigley
2018-11-21 20:36:54 -05:00
Patrick Brosset
ac51e25eb7
Bug 1508581 - Fix a few UI inconsistencies in the flex inspector in RTL; r=miker
...
Differential Revision: https://phabricator.services.mozilla.com/D12418
--HG--
extra : moz-landing-system : lando
2018-11-20 14:44:28 +00:00
Gabriel Luong
01cf92fa23
Bug 1498115 - Part 3: Implement the new styles for the flex item list. r=pbro
2018-11-15 10:02:44 -05:00
Gabriel Luong
af39450486
Bug 1498115 - Part 2: Add badges to show the flex-direction and flex-wrap properties of the flex container. r=pbro
...
We move the .markup-badge styles from markup.css to inspector.css instead of common.css
for a smaller import size in the markup.xhtml.
2018-11-15 10:02:44 -05:00
Gabriel Luong
b1a58e06e0
Bug 1498115 - Part 1: Remove the FlexboxContainerProperties component. r=pbro
2018-11-15 10:02:44 -05:00
Noemi Erli
f78fcf019c
Backed out 3 changesets (bug 1498115) for failures in browser_flexbox_container_properties.js
...
Backed out changeset e7f8e9c7301b (bug 1498115)
Backed out changeset ad62c3439651 (bug 1498115)
Backed out changeset 06b4d9761d46 (bug 1498115)
2018-11-15 18:28:19 +02:00
Gabriel Luong
bd803366cb
Bug 1498115 - Part 3: Implement the new styles for the flex item list. r=pbro
2018-11-15 10:02:44 -05:00
Gabriel Luong
8bbc0ebbb0
Bug 1498115 - Part 2: Add badges to show the flex-direction and flex-wrap properties of the flex container. r=pbro
...
We move the .markup-badge styles from markup.css to inspector.css instead of common.css
for a smaller import size in the markup.xhtml.
2018-11-15 10:02:44 -05:00
Gabriel Luong
30ed73665b
Bug 1498115 - Part 1: Remove the FlexboxContainerProperties component. r=pbro
2018-11-15 10:02:44 -05:00
Patrick Brosset
7243c540c0
Bug 1497179 - Make sure things displayed in the flex sizing outline have enough room; r=mtigley
...
By adding a min-width to the grid items used to display things in the flex outline, we make
sure they each have at least some room to be visible.
Even if that means the outline isn't a perfect 1:1 mapping of what the item actually is.
I also made 2 other minor fixes to the outline:
- using display:grid on the point labels makes sure they fit nicely where they are supposed
to and the little border drawn next to them to indicate their position doesn't stick out
- I removed a specific override for display the combined final-basis point in column mode
that was making the border for that point show on the incorrect side
Differential Revision: https://phabricator.services.mozilla.com/D11747
--HG--
extra : moz-landing-system : lando
2018-11-13 15:09:27 +00:00
Micah Tigley
c803ccff25
Bug 1497179 - Avoid overlapping labels in the flex item outline. r=pbro
...
Differential Revision: https://phabricator.services.mozilla.com/D9431
--HG--
extra : moz-landing-system : lando
2018-11-08 19:47:29 +00:00
shindli
e94bad01ea
Backed out changeset 39825c67e39c (bug 1497179) in devtools/client/inspector/flexbox/test/browser_flexbox_item_outline_renders_basisfinal_points_correctly.js CLOSED TREE
2018-11-08 19:21:35 +02:00
Micah Tigley
9dd96cfda2
Bug 1497179 - Avoid overlapping labels in the flex item outline. r=pbro
...
Differential Revision: https://phabricator.services.mozilla.com/D9431
--HG--
extra : moz-landing-system : lando
2018-11-08 10:29:19 +00:00
Patrick Brosset
83f25ee252
Bug 1503180 - Making the flex item sizing UI more compact and simple; r=gl
...
Differential Revision: https://phabricator.services.mozilla.com/D10371
--HG--
extra : moz-landing-system : lando
2018-11-06 14:58:36 +00:00
Patrick Brosset
ed01a6a78e
Bug 1497178 - Hide the flex outline for 0-sized items; r=rcaliman
...
Differential Revision: https://phabricator.services.mozilla.com/D8969
--HG--
extra : moz-landing-system : lando
2018-10-19 10:01:21 +00:00
Patrick Brosset
25bfd6366a
Bug 1498487 - Flex item outline design changes; r=gl
...
- Made the border for the final size thicker
- Made the delta area more transparent
- Removed the arrow-head pattern for the delta area
- Added a thin horizontal arrow instead
- Removed the background circle around the lock icon
- Added a non-blurry shadow area around it instead
The mockup also called for adding a new label for "grow".
I did not implement this yet, because this will require more
work that can be done in a separate bug. We also need to
decide what happens if there isn't enough room to display
it.
Differential Revision: https://phabricator.services.mozilla.com/D8520
--HG--
extra : moz-landing-system : lando
2018-10-14 19:24:38 +00:00
Bogdan Tara
9520ad8c07
Backed out changeset 5b5ed02f86c7 (bug 1498487) for browser_all_files_referenced.js failures CLOSED TREE
2018-10-12 19:13:10 +03:00
Patrick Brosset
1262b85689
Bug 1498487 - Flex item outline design changes; r=gl
...
- Made the border for the final size thicker
- Made the delta area more transparent
- Removed the arrow-head pattern for the delta area
- Added a thin horizontal arrow instead
- Removed the background circle around the lock icon
- Added a non-blurry shadow area around it instead
The mockup also called for adding a new label for "grow".
I did not implement this yet, because this will require more
work that can be done in a separate bug. We also need to
decide what happens if there isn't enough room to display
it.
Differential Revision: https://phabricator.services.mozilla.com/D8520
--HG--
extra : moz-landing-system : lando
2018-10-12 13:45:14 +00:00
Patrick Brosset
58e1a1c0d9
Bug 1495717 - More user-friendly Flex item sizing information; r=gl
...
MozReview-Commit-ID: 3cSeShKP6TE
Differential Revision: https://phabricator.services.mozilla.com/D8220
--HG--
extra : moz-landing-system : lando
2018-10-12 08:46:34 +00:00
Narcis Beleuzu
c31a01ef52
Merge mozilla-central to autoland. a=merge CLOSED TREE
2018-10-12 00:57:21 +03:00
Gabriel Luong
48144773f9
Bug 1497187 - Hide the flexbox container properties in the flex item accordion. r=pbro
2018-10-11 12:05:08 -04:00
Patrick Brosset
ff2ee04ec2
Bug 1490101 - Avoid overflowing the layout tab when flex elements are long; r=rcaliman
...
Fixes the 3 places where long element Reps can appear:
- as a accordion header as "flex item of div..."
- as a flex item in the list of items for a container
- as a flex container
To fix this, I added text-overflow:ellipsis in a few places and made sure the Rep
was not pushing other things too far behind the viewport.
I also made the layout sidebar overflow-x:hidden, because it doesn't need to
scroll sideways (if the sidebar is too thin, then the box-model diagram might
overflow, but it has its own horizontal scrollbar).
Finally, I removed the inspector select icon next to the Flex Container Rep
because usually the element is already selected anyway. If it's not, then you
can use the back arrow to go back to the container.
Differential Revision: https://phabricator.services.mozilla.com/D8364
--HG--
extra : moz-landing-system : lando
2018-10-11 15:31:53 +00:00
Patrick Brosset
87ac76f795
Bug 1496439 - Implement the flex item sizing outline in the flexbox panel. r=gl
...
Differential Revision: https://phabricator.services.mozilla.com/D7733
--HG--
extra : moz-landing-system : lando
2018-10-08 09:42:05 +00:00
Gabriel Luong
b045aa35a7
Bug 1478397
- Part 11: Add a prev button to navigate from the flex item sizing view to flex container view. r=rcaliman
2018-09-18 09:46:02 -04:00
Gabriel Luong
c4de83b6c4
Bug 1478397
- Part 10: Adjust the flexbox header to match the design spec. r=rcaliman
2018-09-18 09:46:01 -04:00
Tiberius Oros
6fc40ffa3f
Backed out 5 changesets (bug 1478397
) for failures on browser/base/content/test/static/browser_parsable_css.js on a CLOSED TREE
...
Backed out changeset c7db1d98d62b (bug 1478397
)
Backed out changeset 588d147e401b (bug 1478397
)
Backed out changeset b11a8565deff (bug 1478397
)
Backed out changeset faf1ea0e1a15 (bug 1478397
)
Backed out changeset 8a5ca81f8429 (bug 1478397
)
2018-09-18 18:10:34 +03:00
Gabriel Luong
c79f893c91
Bug 1478397
- Part 11: Add a prev button to navigate from the flex item sizing view to flex container view. r=rcaliman
2018-09-18 09:46:02 -04:00
Gabriel Luong
006772468b
Bug 1478397
- Part 10: Adjust the flexbox header to match the design spec. r=rcaliman
2018-09-18 09:46:01 -04:00
Gabriel Luong
74d7f402ee
Bug 1478397
- Part 7: Add a flex item selector in the flexbox panel. r=rcaliman
2018-09-07 20:00:27 -04:00
Gabriel Luong
7e6297bc79
Bug 1478397
- Part 6: Refactor the styles in the layout panel. r=rcaliman
2018-09-05 16:04:16 -04:00
Gabriel Luong
9fc3862325
Bug 1478397
- Part 5: Display the flex item sizing properties in the flexbox panel. r=rcaliman
2018-08-29 17:38:08 -04:00
Gabriel Luong
a1ebb667da
Bug 1478397
- Part 2: Display an ordered list of flex items when the flex container is highlighted. r=rcaliman
2018-08-28 10:43:40 -04:00
Gabriel Luong
78fb8e5871
Bug 1478397
- Part 0: Reorganize the flex container checkbox and flex container properties to match new designs. r=rcaliman
...
--HG--
rename : devtools/client/inspector/flexbox/components/FlexContainerItem.js => devtools/client/inspector/flexbox/components/FlexContainer.js
2018-08-28 10:43:39 -04:00
Gabriel Luong
62e0916083
Bug 1484483 - Part 3: Show the list of flex container properites in the Flexbox panel. r=rcaliman
...
--HG--
rename : devtools/client/inspector/boxmodel/components/ComputedProperty.js => devtools/client/inspector/layout/components/ComputedProperty.js
2018-08-22 21:07:08 -04:00
Gabriel Luong
8ed2afff22
Bug 1472566 - Add a color picker to the flexbox listings to change the flexbox highlighter colour. r=jdescottes
2018-07-17 15:29:21 -04:00
Andreea Pavel
3fc22dbcb2
Backed out changeset 727a835af2ff (bug 1472566) for failing devtools at devtools/client/inspector/grids/test/browser_grids_color-in-rules-grid-toggle.js on a CLOSED TREE
2018-07-17 23:40:37 +03:00
Gabriel Luong
02a0aef58d
Bug 1472566 - Add a color picker to the flexbox listings to change the flexbox highlighter colour. r=jdescottes
2018-07-17 15:29:21 -04:00
Patrick Brosset
e5e709834d
Bug 1459142 - Flow the color swatch after the grid item text in the layout panel; r=gl
...
MozReview-Commit-ID: 5HJJvoSToYI
--HG--
extra : rebase_source : f3951acf168e26bbda0ff0b3c6fda701a89a05d2
2018-05-17 17:20:32 +02:00
Gabriel Luong
047a8388d4
Bug 1452206 - Tweak spacing and alignment of items in the Inspector Layout panel. r=jdescottes
2018-04-30 11:24:04 -04:00