diff --git a/assets/css/admin.css b/assets/css/admin.css index d4caa91bb..bfd70f2d3 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -906,42 +906,42 @@ span.pro-icon:hover .wpuf-pro-field-tooltip { .headway-header ul li a:hover { text-decoration: underline; } -.user-frontend_page_wpuf-post-forms .wrap h2.with-headway-icon, -.user-frontend_page_wpuf-profile-forms .wrap h2.with-headway-icon, -.user-frontend_page_wpuf-settings .wrap h2.with-headway-icon { +.wrap h2.with-headway-icon, +.wrap h2.with-headway-icon, +.wrap h2.with-headway-icon { display: flex; justify-content: space-between; } -.user-frontend_page_wpuf-post-forms .wrap h2.with-headway-icon .flex-end, -.user-frontend_page_wpuf-profile-forms .wrap h2.with-headway-icon .flex-end, -.user-frontend_page_wpuf-settings .wrap h2.with-headway-icon .flex-end { +.wrap h2.with-headway-icon .flex-end, +.wrap h2.with-headway-icon .flex-end, +.wrap h2.with-headway-icon .flex-end { display: flex; align-items: center; } -.user-frontend_page_wpuf-post-forms .wrap h2.with-headway-icon .flex-end .HW_badge.HW_softHidden, -.user-frontend_page_wpuf-profile-forms .wrap h2.with-headway-icon .flex-end .HW_badge.HW_softHidden, -.user-frontend_page_wpuf-settings .wrap h2.with-headway-icon .flex-end .HW_badge.HW_softHidden { +.wrap h2.with-headway-icon .flex-end .HW_badge.HW_softHidden, +.wrap h2.with-headway-icon .flex-end .HW_badge.HW_softHidden, +.wrap h2.with-headway-icon .flex-end .HW_badge.HW_softHidden { background: #eea6d0 !important; } -.user-frontend_page_wpuf-post-forms .wrap h2.with-headway-icon .flex-end .flex-end .headway-icon:hover .HW_badge.HW_softHidden, -.user-frontend_page_wpuf-profile-forms .wrap h2.with-headway-icon .flex-end .flex-end .headway-icon:hover .HW_badge.HW_softHidden, -.user-frontend_page_wpuf-settings .wrap h2.with-headway-icon .flex-end .flex-end .headway-icon:hover .HW_badge.HW_softHidden { +.wrap h2.with-headway-icon .flex-end .flex-end .headway-icon:hover .HW_badge.HW_softHidden, +.wrap h2.with-headway-icon .flex-end .flex-end .headway-icon:hover .HW_badge.HW_softHidden, +.wrap h2.with-headway-icon .flex-end .flex-end .headway-icon:hover .HW_badge.HW_softHidden { background: #ee62b4 !important; } -.user-frontend_page_wpuf-post-forms .wrap h2.with-headway-icon .flex-end a.canny-link, -.user-frontend_page_wpuf-profile-forms .wrap h2.with-headway-icon .flex-end a.canny-link, -.user-frontend_page_wpuf-settings .wrap h2.with-headway-icon .flex-end a.canny-link { +.wrap h2.with-headway-icon .flex-end a.canny-link, +.wrap h2.with-headway-icon .flex-end a.canny-link, +.wrap h2.with-headway-icon .flex-end a.canny-link { font-size: 1rem; text-decoration: none; } -.user-frontend_page_wpuf-post-forms .wrap h2.with-headway-icon .flex-end a.canny-link:hover, -.user-frontend_page_wpuf-profile-forms .wrap h2.with-headway-icon .flex-end a.canny-link:hover, -.user-frontend_page_wpuf-settings .wrap h2.with-headway-icon .flex-end a.canny-link:hover { +.wrap h2.with-headway-icon .flex-end a.canny-link:hover, +.wrap h2.with-headway-icon .flex-end a.canny-link:hover, +.wrap h2.with-headway-icon .flex-end a.canny-link:hover { text-decoration: underline; } -.user-frontend_page_wpuf-post-forms .wrap h2.with-headway-icon #HW_frame_cont, -.user-frontend_page_wpuf-profile-forms .wrap h2.with-headway-icon #HW_frame_cont, -.user-frontend_page_wpuf-settings .wrap h2.with-headway-icon #HW_frame_cont { +.wrap h2.with-headway-icon #HW_frame_cont, +.wrap h2.with-headway-icon #HW_frame_cont, +.wrap h2.with-headway-icon #HW_frame_cont { top: 78px !important; } @media only screen and (max-width: 1399px) { @@ -1069,59 +1069,35 @@ span.pro-icon:hover .wpuf-pro-field-tooltip { } .wpuf-help-page .wpuf-subscribe-box { display: flex; + justify-content: space-between; border: 1px solid #e5e5e5; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); margin-top: 15px; } -.wpuf-help-page .wpuf-subscribe-box .text-wrap { - width: calc(100% - 530px); +.wpuf-help-page .wpuf-subscribe-box .wpuf-text-wrap { padding: 10px 15px; + width: 60%; } -.wpuf-help-page .wpuf-subscribe-box .text-wrap h3 { +.wpuf-help-page .wpuf-subscribe-box .wpuf-text-wrap h3 { color: #ff5722; margin: 4px 0 0 0; } -.wpuf-help-page .wpuf-subscribe-box .text-wrap p { - margin-bottom: 5px; -} -.wpuf-help-page .wpuf-subscribe-box .form-wrap { - width: 530px; - display: flex; - padding: 10px 0; +.wpuf-help-page .wpuf-subscribe-box .wpuf-form-wrap { background: #f7f7f7; - padding-left: 20px; + padding: 10px 15px; + width: 40%; border-left: 1px solid #eee; } -.wpuf-help-page .wpuf-subscribe-box .form-wrap .thank-you { - font-size: 16px; - color: green; - padding-top: 20px; - text-align: center; - width: 100%; -} -.wpuf-help-page .wpuf-subscribe-box .form-wrap label { +.wpuf-help-page .wpuf-subscribe-box .wpuf-form-wrap label { color: #666; } -.wpuf-help-page .wpuf-subscribe-box .form-wrap input { - max-width: 100%; - overflow: hidden; -} -.wpuf-help-page .wpuf-subscribe-box .form-wrap input[type="text"], -.wpuf-help-page .wpuf-subscribe-box .form-wrap input[type="email"] { - padding: 5px 8px; -} -.wpuf-help-page .wpuf-subscribe-box .form-wrap .fname { - width: 35%; - margin-right: 10px; -} -.wpuf-help-page .wpuf-subscribe-box .form-wrap .email { - width: 40%; - margin-right: 10px; +.wpuf-help-page .wpuf-subscribe-box .wpuf-form-wrap form { + display: flex; + align-items: flex-end; } -.wpuf-help-page .wpuf-subscribe-box .form-wrap .submit-btn { - width: 20%; - padding-top: 22px; +.wpuf-help-page .wpuf-subscribe-box .wpuf-form-wrap form input { + margin-right: 15px; } .wpuf-help-page .help-blocks { display: flex; diff --git a/assets/less/admin.less b/assets/less/admin.less index ca1925ce4..f275ba4d8 100644 --- a/assets/less/admin.less +++ b/assets/less/admin.less @@ -1136,9 +1136,9 @@ span.pro-icon:hover .wpuf-pro-field-tooltip { } } -.user-frontend_page_wpuf-post-forms .wrap h2.with-headway-icon, -.user-frontend_page_wpuf-profile-forms .wrap h2.with-headway-icon, -.user-frontend_page_wpuf-settings .wrap h2.with-headway-icon { +.wrap h2.with-headway-icon, +.wrap h2.with-headway-icon, +.wrap h2.with-headway-icon { display: flex; justify-content: space-between; diff --git a/assets/less/help.less b/assets/less/help.less index 4cb6e3c17..d0d386827 100644 --- a/assets/less/help.less +++ b/assets/less/help.less @@ -151,68 +151,39 @@ .wpuf-subscribe-box { display: flex; + justify-content: space-between; border: 1px solid #e5e5e5; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.04); margin-top: 15px; - .text-wrap { - width: ~"calc(100% - 530px)"; + .wpuf-text-wrap { padding: 10px 15px; + width: 60%; h3 { color: #ff5722; margin: 4px 0 0 0; } - - p { - margin-bottom: 5px; - } } - .form-wrap { - width: 530px; - display: flex; - padding: 10px 0; + .wpuf-form-wrap { background: #f7f7f7; - padding-left: 20px; + padding: 10px 15px; + width: 40%; border-left: 1px solid #eee; - .thank-you { - font-size: 16px; - color: green; - padding-top: 20px; - text-align: center; - width: 100%; - } - label { color: #666; } - input { - max-width: 100%; - overflow: hidden; - } - - input[type="text"], - input[type="email"] { - padding: 5px 8px; - } - - .fname { - width: 35%; - margin-right: 10px; - } + form { + display: flex; + align-items: flex-end; - .email { - width: 40%; - margin-right: 10px; - } - - .submit-btn { - width: 20%; - padding-top: 22px; + input { + margin-right: 15px; + } } } } diff --git a/includes/Admin/Menu.php b/includes/Admin/Menu.php index 8411bdf2c..3c5dfd051 100644 --- a/includes/Admin/Menu.php +++ b/includes/Admin/Menu.php @@ -339,8 +339,6 @@ public function tools_page() { * @return void */ public function enqueue_settings_page_scripts() { - wp_enqueue_style( 'wpuf-admin' ); - wp_enqueue_script( 'wpuf-admin' ); wp_enqueue_script( 'wpuf-subscriptions' ); wp_enqueue_script( 'wpuf-settings' ); diff --git a/includes/Admin/views/support.php b/includes/Admin/views/support.php index e97d58dfd..c51894aac 100644 --- a/includes/Admin/views/support.php +++ b/includes/Admin/views/support.php @@ -204,32 +204,57 @@ function wpuf_help_related_articles( $articles ) {