woocommerce/assets/css/helper.css

1 line
17 KiB
CSS
Raw Normal View History

Helper: Various Improvements (#15519) * Helper: Improve messaging and CTAs * Helper: Update copy on connect flow * Helper: Improve messaging around plugins without a subscription * removes toggle from extensions that cannot be activated * Helper: Add new `WC_Helper_Compat` class for legacy helper compat This new class removes some of the actions from the legacy helper (updater) plugin, attempts to migrate an existing legacy connection to a new one, attempts to deactivate the old helper plugin. * Helper: Improve messaging around maxed out subscriptions * Helper: Enable `WC_Tracker` when connected to WooCommerce.com * Helper: adds styles for manual licence form row and other visual improvements * Helper: removes disabled toggles * Helper: adds styles for connection component * Helper: redesigned connection module * Helper: rotates the connection module chevron on mouse hover * Helper: adds some fixes to the key form on mobile and other updates to meet coding standards * Helper: Only mark action as primary if there's a CTA button. * Helper: Better handling for woothemes_updater_notice Remove the updater notice built into extensions and themes, even if the legacy Helper plugin is deactivated. * Helper: Navigate existing Helper users to the new place. Adds a Dashboard menu item and direct users of the old helper plugin to the new Extensions screen. * Helper: Do not show the back-compat menu item for new users * Helper: Avoid notice in API authentication if credentials are missing * Helper: Hide the back-compat menu item when users see the new screen Also sets the user_id for the connection if one was not previously set.
2017-06-14 13:12:53 +00:00
.wc-helper .nav-tab-wrapper{margin-bottom:22px}@media only screen and (max-width:784px){.wc-helper .nav-tab{max-width:40%;overflow:hidden;text-overflow:ellipsis}}.wc-helper .button,.wc-helper .button:hover{background-color:#955a89;border-width:0;box-shadow:none;border-radius:3px;color:#fff;height:auto;padding:3px 14px;text-align:center;white-space:normal!important}@media only screen and (max-width:782px){.wc-helper .button,.wc-helper .button:hover{line-height:2}}.wc-helper .button:hover{opacity:.8}.wc-helper .button.button-secondary{background-color:#e6e6e6;color:#3c3c3c;text-shadow:none}.wc-helper .subscription-filter{color:#2E4453;font-size:13px;line-height:13px;margin:22px 0}.wc-helper .subscription-filter label{display:none;position:relative}.wc-helper .subscription-filter label .chevron{color:#E1E1E1;border-bottom-width:0;line-height:1;padding:0;position:absolute;top:12px;right:12px}.wc-helper .subscription-filter span{font-weight:700;padding-right:4px}.wc-helper .subscription-filter a{color:#0073AA;display:inline-block;padding:0 4px 0 8px;position:relative;text-decoration:none}.wc-helper .subscription-filter a:before{background-color:#979797;content:" ";position:absolute;top:0;left:0;bottom:0;width:1px}@media only screen and (max-width:600px){.wc-helper .subscription-filter{background-color:#fff;border:1px solid #E1E1E1;border-radius:2px;font-size:14px}.wc-helper .subscription-filter a,.wc-helper .subscription-filter label,.wc-helper .subscription-filter span{border-bottom:1px solid #E1E1E1;line-height:2;padding:8px 16px;margin:0}.wc-helper .subscription-filter label,.wc-helper .subscription-filter span.chevron{display:block}.wc-helper .subscription-filter a,.wc-helper .subscription-filter a::before,.wc-helper .subscription-filter span{display:none}.wc-helper .subscription-filter a{cursor:pointer}.wc-helper .subscription-filter span.chevron{-webkit-transform:rotateX(0);transform:rotateX(0)}.wc-helper .subscription-filter:focus a,.wc-helper .subscription-filter:focus span,.wc-helper .subscription-filter:hover a,.wc-helper .subscription-filter:hover span{display:block}.wc-helper .subscription-filter:focus span.chevron,.wc-helper .subscription-filter:hover span.chevron{-webkit-transform:rotateX(0);transform:rotateX(0)}}.wc-helper .subscriptions-header{margin:3em 0 0;position:relative;z-index:10}.wc-helper .subscriptions-header h2{display:inline-block;line-height:25px;margin:0 0 1.5em}.wc-helper .button-update,.wc-helper .button-update:hover{background-color:#E6E6E6;border-radius:4px;color:#333;font-weight:800;font-size:10px;line-height:20px;margin-left:6px;opacity:.75;padding:3px 7px;text-transform:uppercase}.wc-helper .button-update .dashicons,.wc-helper .button-update:hover .dashicons{font-size:12px;height:12px;width:12px;vertical-align:text-bottom}.wc-helper .button-update:hover{opacity:1}.wc-helper .user-info{background-color:#fff;border:1px solid #E1E1E1;border-radius:4px;font-size:12px;line-height:26px;position:absolute;top:-10px;right:0;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}@media only screen and (max-width:600px){.wc-helper .user-info{position:relative;width:100%}}.wc-helper .user-info p{line-height:26px;margin:0}.wc-helper .user-info:hover{box-shadow:0 3px 5px rgba(0,0,0,.2)}.wc-helper .user-info header{color:#555;font-weight:600;padding:6px 14px;position:relative}.wc-helper .user-info header p{padding-right:26px}.wc-helper .user-info header .dashicons{opacity:.5;position:absolute;top:9px;right:14px}.wc-helper .user-info header:hover{cursor:pointer}.wc-helper .user-info section{display:none}.wc-helper .user-info section p{border-top:1px solid #E1E1E1;padding:6px 14px;text-align:center}.wc-helper .user-info section .actions{border-top:1px solid #E1E1E1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.wc-helper .user-info section a{color:#A26897;cursor:pointer;font-weight:600;line-height:38px;padding:0 14px;text-align:center;text-decoration:none;white-space:nowrap;width:50%}.wc-helper .user-info section a .dashicons{margin-top:-3px;vertical-align:middle}.wc-hel