Commit Graph

17 Commits

Author SHA1 Message Date
Hsing-Yu Flowers de61194cc0 Apply responsive header style to all pages (https://github.com/woocommerce/woocommerce-admin/pull/6292) 2021-02-22 13:08:43 +08:00
Joshua T Flowers 8629318f46 Use box sizing and padding to fix nav and admin menu styling (https://github.com/woocommerce/woocommerce-admin/pull/6335)
* Use box sizing and padding to fix nav and admin menu styling

* Move wpbody fixes to reset

* Move default header padding to reset
2021-02-16 10:57:56 -05:00
Joshua T Flowers baaaf39bf0 Try: Refactor head and body heights (https://github.com/woocommerce/woocommerce-admin/pull/6247)
* Move navigation to WC header

* Remove wp toolbar class

* Set body margin on header change

* Fix up layout margins

* Remove excess padding on mobile

* Fix navigation preload styles and embed

* Fix preloading space due to adminbar missing

* Remove embed padding on wrap

* Fix body display for wpadmin menu

* Fix up wpadminbar reset padding

* Remove body padding on full screen layouts

* Fix mobile admin bar height on full screen

* Clean up body margin on unmount

* Center the activity panel (https://github.com/woocommerce/woocommerce-admin/pull/6289)

* Center the activity panel

* Handle PR feedback

* Fix up secondary nav group style changes

* Remove screen reader style changes

* Debounce resize event

* Make responsive button selector more specific

Co-authored-by: Hsing-Yu Flowers <hsingyuc.7@gmail.com>
2021-02-12 11:32:26 -05:00
Jeff Stieler eefe2e8acc Add Homescreen layout control (https://github.com/woocommerce/woocommerce-admin/pull/5429)
* Remove inbox-specific class, widen single column.

* Create user preference for homescreen column layout.

* Add display options "tab" to homescreen.

* Style display options.

* Tweak homepage layout option values.

* Add tracks events for homepage layout.

* Add test coverage for homescreen display options.

* No need to use Fragment component.

* Use named exports.

* Fix display options styling on mobile/narrow viewports.

Don't show the options at all if we're forcing single column.

* Fix linting error.
2020-10-22 18:13:14 -04:00
Joel Thiessen 23c19ee1b2 Removing breadcrumbs from wc-admin header, replacing with simple titl… (https://github.com/woocommerce/woocommerce-admin/pull/5232)
Removing breadcrumbs from wc-admin header, replacing with simple title (https://github.com/woocommerce/woocommerce-admin/pull/3963)

This is an interim step towards the integration of wc-navigation, where a back button will be provided to restore the critical functionality of the breadcrumbs. Note that the `breadcrumbs` data was preserved since it's still being utilized do construct the document title (in semi-breadcrumb-fashion) on both the backend and front-end.
2020-10-06 13:42:46 -07:00
Darren Ethier 33c5b41e3f Align WooCommerce javascript code standards/linting/styles with WordPress core. (https://github.com/woocommerce/woocommerce-admin/pull/3674)
* align code styles with the same configuration as Woo-Blocks

* initial pass of reformat-files

* applies manual fixes to various new linting errors surfaced by the configuration change.

* Fix state mutation in image-upload

* remove unused pre-commit-hook.js

* requestAnimationFrame -> window.requestAnimationFrame

* wc-api eslint changes

* eslint fixes on client/lib and client/settings

* client/header eslint changes

* fixes for client/dashboard part 1

* fixes client/dashboard part 2 of 2

* client/analytics part 1

* client/analytics continued

* client/analytics, last batch

* rename __mock__ directory

* pass in useEffect, useState from React component or function

* remove '+' from sprintf string argument

* use ref instead of findDOMNode

* reformat and repaply package.json changes

* install deps before running linter in Travis

* useGetCountryStateAutofill

* counryStateAutofill

* countryStateAutofill

Co-authored-by: Paul Sealock <psealock@gmail.com>
2020-02-14 15:23:21 +13:00
Ron Rennick c5962b4dd8 increase the popover zIndex from 1 to 2 2019-08-09 16:25:11 -03:00
Ron Rennick 30749a87a2 limit padding CSS to left 2019-08-07 09:49:45 -03:00
Ron Rennick 734eb025e6 restore wp-admin wpbody-content bottom padding 2019-08-06 16:26:45 -03:00
Jeff Stieler 6324475b85 Only apply current submenu CSS reset on non-embed pages. 2019-07-22 17:02:55 -06:00
Albert Juhé Lluveras 15ecc94252 Fix conflicts with WordPress.com toolbar (https://github.com/woocommerce/woocommerce-admin/pull/2431)
* Fix conflicts with WordPress.com toolbar

* Simplify selector

* Decrease z-index of header

* Remove unnecessary important
2019-06-14 17:48:28 +02:00
Albert Juhé Lluveras 3e0d296646 Fix search bar in Orders page not being tapable on mobile (https://github.com/woocommerce/woocommerce-admin/pull/2384)
* Fix search bar in Orders page not being tapable on mobile

* Cleanup

* Remove unnecessary duplicated media-query

* Cleanup
2019-06-13 18:07:02 +02:00
Joshua T Flowers 5e8509edd3 Onboarding: Add profiler body class on initial load + respect skipped/completed flags (https://github.com/woocommerce/woocommerce-admin/pull/2300) (https://github.com/woocommerce/woocommerce-admin/pull/2318)
* Add profiler body class on initial load, and respect skipped/complete status.

* Handle PR feedback: Remove unnecessary global, add some todos, added a filter around the next step slug, generalized the is-loading class a bit.
2019-05-28 06:38:01 -04:00
Joshua T Flowers 024d267ae6 Set minimum content height to prevent cutoff of absolute content (https://github.com/woocommerce/woocommerce-admin/pull/1166)
* Set minimum content height to prevent cutoff of absolute content

* Add admin bar height vars for SCSS and apply them
2018-12-25 12:34:24 +08:00
Joshua T Flowers 76f3f8605f Add z-index to admin menu wrap to fix menu overlapping (https://github.com/woocommerce/woocommerce-admin/pull/1049) 2018-12-11 08:59:35 +08:00
Jonathan Belcher 3446c0814b Stylint autofixes (https://github.com/woocommerce/woocommerce-admin/pull/729) 2018-10-30 09:17:17 -04:00
Kelly Dwan ddeacb84e5 Move non-reset SCSS to new files, add folder structure (https://github.com/woocommerce/woocommerce-admin/pull/274)
* Move non-reset SCSS to a new file

* Split shared files and “meta” files into two folders

This also creates two new base scss files for the different app vs embedded CSS files

* Move notice & embed-specific css out of reset

* Update README with folder structure notes
2018-08-06 11:30:43 -04:00