Commit Graph

95 Commits

Author SHA1 Message Date
fvsch
f4579b5557 Bug 1464348 - Tweak base devtools colors to fix theme inconsistencies; r=jdescottes
Differential Revision: https://phabricator.services.mozilla.com/D4300

--HG--
extra : moz-landing-system : lando
2018-08-30 02:59:32 +00:00
Nicolas Chevobbe
3885af5165 Bug 1486611 - Fix SearchBox styling; r=ntim.
In Bug 1478435 a selector was removed causing the background
of the SearchBox autocomplete to be transparent and without
box-shadow.
This patch add the needed rule in the CSS. We take this as an
opportunity to fix a small positioning issue by making sure
the element stick to the left.

Differential Revision: https://phabricator.services.mozilla.com/D4421

--HG--
extra : moz-landing-system : lando
2018-08-29 11:13:04 +00:00
Mantaroh Yoshinaga
da619f43a6 Bug 1472904 - Part 1. Add the common variable of tooltip and autopopup. r=jdescottes
Before moving the tooltip's variable to tooltips.css, this patch will define
the common variable of tooltip and autopopup.

Differential Revision: https://phabricator.services.mozilla.com/D4176

--HG--
extra : rebase_source : 6fe3422d7a3adf1e78a51ca5176e8acf6dafdb2b
2018-08-29 10:32:29 +09: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
Mantaroh Yoshinaga
d1176af452 Bug 1480149 - Disable tab animations for users who prefer reduced animation. r=birtles
This patch will use the 'prefers-reduced-motion' in order to disable the
tab animations.

Differential Revision: https://phabricator.services.mozilla.com/D4042

--HG--
extra : moz-landing-system : lando
2018-08-23 05:24:35 +00:00
Gabriel Luong
8f8bab224c Bug 1467572 - Part 10: Reuse the network throttling menu in the network monitor in RDM. r=Honza
- Removes the duplicate dropdown arrow icon that is used in both RDM and Network monitor
- Converts the network throttling menu in the network monitor to be a shared component that
can be used in both RDM and network monitor
- Move the common styles for the dropdown menu button into toolbars.css

--HG--
rename : devtools/client/shared/components/throttling/NetworkThrottlingSelector.js => devtools/client/shared/components/throttling/NetworkThrottlingMenu.js
2018-08-15 17:27:43 -04:00
Csoregi Natalia
e67c081821 Backed out 19 changesets (bug 1467572) for devtools failures on browser_net_telemetry_throttle_changed.js. CLOSED TREE
Backed out changeset 39123899178c (bug 1467572)
Backed out changeset 62fcbe25665c (bug 1467572)
Backed out changeset 5ef6c1c42747 (bug 1467572)
Backed out changeset e295be61276e (bug 1467572)
Backed out changeset 41d85a6f8a2a (bug 1467572)
Backed out changeset 4e6b95a6c506 (bug 1467572)
Backed out changeset 36d459a24020 (bug 1467572)
Backed out changeset abb52c2c68ab (bug 1467572)
Backed out changeset 470b9ce4ba0f (bug 1467572)
Backed out changeset 37609995dc8f (bug 1467572)
Backed out changeset 636bf5ce96f7 (bug 1467572)
Backed out changeset 5880a55d2ee8 (bug 1467572)
Backed out changeset 0f19f84bb2ed (bug 1467572)
Backed out changeset e83526778ccd (bug 1467572)
Backed out changeset c42448ca6e4a (bug 1467572)
Backed out changeset 934fb24dad26 (bug 1467572)
Backed out changeset 6102b9ef805b (bug 1467572)
Backed out changeset 7aaea1245d27 (bug 1467572)
Backed out changeset 7793f8a2b14f (bug 1467572)

--HG--
rename : devtools/client/shared/components/menu/utils.js => devtools/client/netmonitor/src/utils/menu.js
rename : devtools/client/responsive.html/components/App.js => devtools/client/responsive.html/app.js
rename : devtools/client/responsive.html/components/DevicePixelRatioMenu.js => devtools/client/responsive.html/components/DevicePixelRatioSelector.js
rename : devtools/client/responsive.html/components/Toolbar.js => devtools/client/responsive.html/components/GlobalToolbar.js
rename : devtools/client/responsive.html/components/SettingsMenu.js => devtools/client/responsive.html/components/ReloadConditions.js
rename : devtools/client/shared/components/throttling/NetworkThrottlingMenu.js => devtools/client/shared/components/throttling/NetworkThrottlingSelector.js
2018-08-16 03:43:41 +03:00
Gabriel Luong
7060c0de65 Bug 1467572 - Part 10: Reuse the network throttling menu in the network monitor in RDM. r=Honza
- Removes the duplicate dropdown arrow icon that is used in both RDM and Network monitor
- Converts the network throttling menu in the network monitor to be a shared component that
can be used in both RDM and network monitor
- Move the common styles for the dropdown menu button into toolbars.css

--HG--
rename : devtools/client/shared/components/throttling/NetworkThrottlingSelector.js => devtools/client/shared/components/throttling/NetworkThrottlingMenu.js
2018-08-15 17:27:43 -04:00
Nicolas Chevobbe
f9ab7b5c1a Bug 1478435 - Apply photon-styling to autocomplete popup; r=nchevobbe.
This removes the border-radius from the autocomplete popup (and
its items) and refines the spacing.
Since we have more padding for the autocomplete items, we need
to adjust the xOffset when showing the popup.
The yOffset of the webconsole autocomplete is tweaked a bit so
we see its border; the xOffset of the markup search input is also
tweaked to consider the left padding we use to display the search
icon in the input.

MozReview-Commit-ID: JyLySLBUgGy

--HG--
extra : rebase_source : 04d0e1335447c576f7e23f4b8a2280337695ac46
2018-07-26 09:08:10 +02:00
fvsch
ede286432d Bug 1476902 - all-tabs-menu contrast and hover style; r=jdescottes
--HG--
extra : rebase_source : b8787b3b085a12c95addb025f3156d2201f55ba3
2018-07-23 12:55:07 +02:00
Florens Verschelde
abc7c1f693 Bug 1477586 - Fix devtools-tab-line animation in iframes; r=gl
--HG--
extra : rebase_source : 38fe03904dbaae13b5a611f162cd657ef6686186
2018-07-25 01:01:01 +02:00
Brian Birtles
aaacc2173c Bug 1461522 - Persist active styles for a button with an expanded menu; r=jdescottes
When we open the menu, the menu button should remain active so long as the menu
is open.

MozReview-Commit-ID: DPYEjbNiOuY

--HG--
extra : rebase_source : 47d44c326f012c45f988b3594c0fd15ddaa82365
2018-06-28 15:14:13 +09:00
Arthur Deschamps
62e98d1fe8 Bug 1438458 - Differentiate hover and selected colors in the devtools autocomplete popup - r=nchevobbe
MozReview-Commit-ID: GNFea0JLBQ2

--HG--
extra : rebase_source : fe8b8a93830f26eb0976d0825aa0861a8b6da406
2018-02-20 19:09:33 +01:00
Emilio Cobos Álvarez
e0ca8be691 Bug 1464782: Update references to offset-* properties in the rest of the tree. r=xidorn
MozReview-Commit-ID: AOMoLSJKySy
2018-06-27 16:12:02 +02:00
Mantaroh Yoshinaga
1575154fe6 Bug 1464939 - Part 1.Remove padding-inline-start and padding-inline-end style from the focusring of devtools's button and tab.r=nchevobbe
The devtool's focusring style will set the padding-inline-* to zero[1]. So
devtool's button which has padding will shrink the width when target element has
the focus. This patch will remove this style.

The tab style doesn't have a padding, so this change will not effect the tool tab.[2]

Furthermore, this will stretch the height of close button of split console.

[1] https://searchfox.org/mozilla-central/rev/292d295d6b084b43b70de26a42e68513bb7b36a3/devtools/client/themes/common.css#270-271
[2] https://searchfox.org/mozilla-central/rev/292d295d6b084b43b70de26a42e68513bb7b36a3/devtools/client/themes/toolbox.css#99

MozReview-Commit-ID: EMgvYEH2Fe1

--HG--
extra : rebase_source : 1459b0c8227968d4f1abbb97c507f7ed847a1a99
2018-06-13 17:23:47 -07:00
Mantaroh Yoshinaga
ae5ae6a5d4 Bug 1466486 - Apply focus style to devtools selection button. r=nchevobbe
The bug 1444793 introduced the focus devtools button style instead of using
the outline style. However, devtools selection button didn't use this style.

This patch apply the focus style to the devtools selection buttons.

MozReview-Commit-ID: DQEDMRSThMr

--HG--
extra : rebase_source : 8a0044648b38430fed285f659c7a19597001794e
2018-06-15 10:52:09 -07:00
Jan Odvarko
3501c6ba27 Bug 1429296 - Show MDN link of filter properties when hover the filterbox; r=davidwalsh
MozReview-Commit-ID: H3xmQ95DbiF

--HG--
rename : devtools/client/netmonitor/src/assets/styles/MdnLink.css => devtools/client/shared/components/MdnLink.css
rename : devtools/client/netmonitor/src/components/MdnLink.js => devtools/client/shared/components/MdnLink.js
extra : rebase_source : d11cc6da4d27e89710868d81ea2fe8390c576b08
2018-04-30 14:58:26 +02:00
Julian Descottes
633d168bde Bug 1454888 - Autocomplete postLabel overlaps with the scrollbar of the suggestions popup. r=jdescottes
MozReview-Commit-ID: FpfqEvdYg3z
2018-05-01 23:45:03 +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
Noemi Erli
875e5ed0a1 Merge inbound to mozilla-central. a=merge 2018-04-19 12:53:30 +03:00
Mantaroh Yoshinaga
80d5fe7c55 Bug 1444793 - Make focus style of tool tab to be same as hover style. r=nchevobbe
This patch removed the border and outline from focus style of tool tab and make
its style to be same as hover styles.

MozReview-Commit-ID: KD97vYiyUX2

--HG--
extra : rebase_source : 83fd2d5b743ac8488c711e98e316a39e9c8be30f
2018-04-18 17:37:48 +09:00
Brian Birtles
c7bbc9b75d Bug 1451592 - Only transition the background-color of buttons; r=jryans
Otherwise when we add the frames button the arrow on the right will animate in
since we end up transitioning the background-x and background-y properties.

MozReview-Commit-ID: JcAHrDSMwFi

--HG--
extra : rebase_source : 57a69dfa2a39b4bbae334405f3dc1858cb2c591c
2018-04-16 19:49:38 +02:00
Mantaroh Yoshinaga
793eeff896 Bug 1442531 - Part 1. Make chevron button of devtool to be exclusive and apply the photon design. r=jdescottes
This patch will:
 * change detecting overflow to using resize event.
 * make chevron menu and tab menu to be exclusive.
 * use photon design chevron menu.
 * modify the related tests.

In this patch, the toolbox will create the cache of the displayed tool tab width
after rendering an element since each width of toolbox tab is not fixed size.
(i.e. each toolbox tab size is different from another size)

MozReview-Commit-ID: EQ0nU6WzCg1

--HG--
extra : rebase_source : ee01fbb5789769c4a75056e7eba41ad8ba232798
2018-04-16 16:48:11 +09:00
Mantaroh Yoshinaga
2b4b83baf8 Bug 1444309 - Add a transition effect to the devtools tab. r=gl
This patch will apply a transition to devtools tab, this transition same to
browser tab transition.

MozReview-Commit-ID: 6fdJBKhB6sc

--HG--
extra : rebase_source : 6d3a35a8e639c52557fe63bcf9047b600605125c
2018-04-06 10:13:29 +09:00
Brian Grinstead
a977789695 Bug 1378108 - Part 2 - Remove Firebug theme;r=gl
MozReview-Commit-ID: 930pvUVLsiP

--HG--
rename : devtools/client/themes/images/firebug/read-only.svg => devtools/client/themes/images/read-only.svg
extra : rebase_source : e4b1609bff47753d01d4c21ceaca993ce8d93071
2018-04-04 12:32:54 -07:00
Brian Grinstead
cb65a965a1 Bug 1378108 - Part 1 - Remove non-variable css selector overrides for Firebug theme;r=gl
MozReview-Commit-ID: 6WfdDVs1EKg

--HG--
extra : rebase_source : f5eb20b62644506abd96afe47c0ab7dd6eca7ee4
2018-04-04 12:32:39 -07:00
Sarah Childs
7f25d63281 Bug 1431949 - Show variable values in the CSS variable autocomplete popup. r=jdescottes 2018-04-03 20:32:22 -04:00
Paolo Amadini
28f7477cae Bug 1434860 - Part 1 - Don't use menu-button toolbar buttons in the console. r=bgrins
What used to be the main action can now be achieved using the Shift modifier key.

MozReview-Commit-ID: AOwY0ABFlAz

--HG--
extra : source : 349523fa6812b2733eb7697084b4bbf12dd56a8e
extra : amend_source : 235a30ea51b71706d07bcd215b3c25bd28ccb57a
2018-04-03 16:25:51 +01:00
Julian Descottes
288735f7e2 Bug 1451211 - Show a colour swatch next to colour values in the CSS variable autocomplete postlabel. r=jdescottes
MozReview-Commit-ID: 7obhsNOBu4N

--HG--
extra : rebase_source : 8edd4725d6b02870c19054e3db16bc5baab8bc19
2018-04-18 21:34:16 +02:00
abhinav
0bd7ae9d66 Bug 1414609 - Changing z-index of filter autocomplete suggestion box to prevent being hidden behind netmonitor header. r=Honza
MozReview-Commit-ID: BpS8nLI1XTM

--HG--
extra : rebase_source : b2311847e4140105ef4f7ebbed2c4c10c25130b9
2017-11-05 16:06:38 +05:30
abhinav
92ef99f5a5 Bug 1400615 - Hide search icon in the search field of Storage Inspector. r=bgrins
MozReview-Commit-ID: HaguRMVPptx

--HG--
extra : rebase_source : 3930fc3b38cea18738e69dee98502e2125485595
2017-10-18 12:16:46 +05:30
Julian Descottes
69c5043c50 Bug 1399886 - use fill from CSS to set the fill color of devtools icons;r=gl
MozReview-Commit-ID: D9A472N51DA

--HG--
extra : rebase_source : 30c743c409c9178278aa5875644501310163ef4d
2017-10-02 16:47:24 +02:00
Julian Descottes
1ded25a061 Bug 1399841 - add dedicated CSS variable to support filters in Firebug theme;r=pbro
MozReview-Commit-ID: LY8R22tZ1vo

--HG--
extra : rebase_source : fae057bf5e84cfbfe22ba350c0b8331fb1abdee9
2017-09-14 16:47:57 +02:00
Julian Descottes
49e3e1453f Bug 1399028 - photon update - devtools icon, tab and accordion colors;r=gl
Updated colors and styles for toolbox toolbar tabs as well as sidebar tabs.
For icon color changes created special filters that match the expected photon colors.
The normal, selected and checked states of icons in both dark and light theme are now
always set using filters.

MozReview-Commit-ID: 4MTAxHnyI7a
2017-09-11 23:56:33 +02:00
Gabriel Luong
1b014ccabc Bug 1391003 - Use the new photon line selection and hover background colors in devtool. r=bgrins 2017-09-01 10:47:11 -04:00
Gabriel Luong
ca6c40e2a2 Bug 1395654 - Use --blue-50 for the devtools tab line color. r=bgrins DONTBUILD 2017-08-31 13:51:47 -04:00
Gabriel Luong
6e615beb90 Bug 1394268 - Implements the new photon tab line in the devtools tabbar. r=bgrins 2017-08-31 00:34:39 -04:00
Gabriel Luong
ebb16cb477 Bug 1394513 - Part 1: Use the same separator styles as photon for the toolbox tab separator. r=bgrins 2017-08-29 20:39:46 -04:00
Gabriel Luong
f161fe5430 Bug 1390727 - Add a consistent style for all the no result messages in the inspector sidepanel. r=bgrins 2017-08-16 10:36:55 -07:00
Jan Odvarko
95b942c905 Bug 1385791 - Fix message filtering; r=nchevobbe
MozReview-Commit-ID: 4iPLGUor0Pu

--HG--
extra : rebase_source : cbdb2894c4bc67be74bb6c58501662bb18539e37
2017-08-11 17:10:54 +02:00
Ruturaj K. Vartak
199f0ac351 Bug 1364096 - Autocomplete for network monitor flag values. r=ntim, r=jdescottes 2017-07-28 03:11:00 -04:00
Ruturaj K. Vartak
d593347bf9 Bug 1364099 - Cleanup autocomplete css. r=jdescottes 2017-06-17 02:55:00 -04:00
Mats Palmgren
297b9d70e1 Bug 1365614 part 3 - Backout bug 1333482 part 1-9. Removes support for [-webkit-]appearance for now b/c web compat issues. r=bz
MozReview-Commit-ID: IbwWM0FL6HF

--HG--
extra : source : bbb688fe1ba3f5201a190c6e25b693ef7272ea2d
2017-05-21 17:15:00 +08:00
Carsten "Tomcat" Book
00d4ea331d Backed out changeset bbb688fe1ba3 (bug 1365614) 2017-05-22 15:45:31 +02:00
Mats Palmgren
e706869580 Bug 1365614 part 3 - Backout bug 1333482 part 1-9. Removes support for [-webkit-]appearance for now b/c web compat issues. r=bz 2017-05-21 17:15:00 +08:00
Ruturaj K. Vartak
eeb5e9e9e1 Bug 1354504 - Add autocomplete to network monitor search box. r=jdescottes, ntim
MozReview-Commit-ID: KojxbqOAJAQ
2017-05-11 04:25:00 +01:00
Iris Hsiao
140ea4f78b Backed out changeset d5d0e32f5904 (bug 1354504) for devtool perma-failing in browser_net_filter-flags.js. a=backout
--HG--
extra : amend_source : 150de2fdee4a5695703ad5937a5c1131929643c1
2017-05-12 10:13:19 +08:00
Ruturaj K. Vartak
2495fc9d15 Bug 1354504 - Add autocomplete to network monitor search box. r=jdescottes, ntim
MozReview-Commit-ID: KsMFZtSEw6a
2017-05-11 04:25:00 +01:00
Jan Odvarko
3bf8d6ec24 Bug 1328001 - Fix focusring on devtools buttons; r=jryans,ntim
MozReview-Commit-ID: 2SA3ZLLIE8E

--HG--
extra : rebase_source : 70e98d6eccaf6781fe367e1a9a04eb215917aa4e
2017-03-29 14:31:19 +02:00
Mats Palmgren
06ff49be07 Bug 1333482 part 7 - [css-ui] Amend DevTools themes with 'appearance:none' where needed so that they'll work with the pref on/off. r=dholbert
MozReview-Commit-ID: DCSg7qlyyJa
2017-03-23 22:11:26 -07:00