Граф коммитов

98 Коммитов

Автор SHA1 Сообщение Дата
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