diff --git a/modules/acquia_cms_tour/css/acquia_cms_installation_wizard.css b/modules/acquia_cms_tour/css/acquia_cms_installation_wizard.css index da5916c4c3..7e22b0f196 100644 --- a/modules/acquia_cms_tour/css/acquia_cms_installation_wizard.css +++ b/modules/acquia_cms_tour/css/acquia_cms_installation_wizard.css @@ -1,43 +1,12 @@ -.acms-installation-wizard { - padding-top: 0; - padding-bottom: 0; -} -.acms-installation-wizard .ui-dialog-titlebar .ui-dialog-titlebar-close { - top: 24%; -} -.acms-installation-wizard .ui-dialog-titlebar .ui-dialog-title { - display: inline-block; - margin-top: 61px; - font-size: 32px; - line-height: 1.3; - color: #232429; -} -.acms-installation-wizard .ui-widget-header.ui-dialog-titlebar { - height: 125px; - background-color: #fff; - padding-left: 48px; -} -.acms-installation-wizard .messages-list { - margin: 0; -} .acms-installation-wizard #drupal-modal { padding-left: 0; - padding-bottom: 0; + padding-top: 10px; } .acms-installation-wizard .acquia-cms-tour-installation-wizard { display: flex; } -.acms-installation-wizard .acquia-cms-tour-installation-wizard .form-checkbox { - background-color: #003cc5; - border-color: #003cc5; -} -.acms-installation-wizard .acquia-cms-tour-installation-wizard .form-checkbox:not(:checked) { - background-color: #fff; -} .acms-installation-wizard .acquia-cms-tour-installation-wizard .tour-sidebar { flex: 1 1 34%; - font-size: 16px; - line-height: 1.5; } .acms-installation-wizard .acquia-cms-tour-installation-wizard .tour-sidebar ol { margin-left: 0; @@ -89,9 +58,6 @@ margin-left: 48px; margin-right: 26px; } -.acms-installation-wizard .acquia-cms-tour-installation-wizard .fieldset .fieldset__wrapper .dashboard-fields-wrapper { - font-size: 14px; -} .acms-installation-wizard .acquia-cms-tour-installation-wizard .title-wrapper .step-title { font-size: 28px; font-weight: bold; @@ -105,53 +71,7 @@ font-size: 14px; font-weight: normal; } -.acms-installation-wizard .red-astrick { - color: red; -} -.ui-dialog.acms-installation-wizard .ui-widget-content.ui-dialog-buttonpane { - background: #fff; -} -.acms-installation-wizard .ui-dialog-buttonset { - width: 60%; - float: right; - display: block; - text-align: right; - margin-left: 0; - background: #fff; - padding-bottom: 16px; -} -acms-installation-wizard .ui-dialog-buttonset button { - background-color: #fff; - color: #55565b; -} -.acms-installation-wizard .ui-dialog-buttonset button:first-child:not(.skip-button) { - float: left; - background-color: #fff; - border: 2px solid #003cc5 !important; - box-shadow: none; - color: #003cc5; -} -.acms-installation-wizard .ui-dialog-buttonset button:last-child { - background-color: #003cc5; - color: #fff; -} -.acms-installation-wizard .ui-dialog-buttonset button:last-child:hover { - background-color: #00339a; -} -.acms-installation-wizard .ui-dialog-buttonset button.skip-button { - float: none; - background: none; - color: #55565b; - border: none; - box-shadow: none; - padding-left: 8px; - padding-right: 8px; - margin-right: 6px; -} -.acms-installation-wizard .ui-dialog-buttonset button.skip-button:hover { - background-color: #f0f5fd; - color: #0036b1; -} + @media screen and (max-width: 767px) { .acms-installation-wizard .acquia-cms-tour-installation-wizard { flex-direction: column; diff --git a/modules/acquia_cms_tour/src/Form/InstallationWizardForm.php b/modules/acquia_cms_tour/src/Form/InstallationWizardForm.php index a6a9b31db2..97047157fe 100644 --- a/modules/acquia_cms_tour/src/Form/InstallationWizardForm.php +++ b/modules/acquia_cms_tour/src/Form/InstallationWizardForm.php @@ -229,6 +229,11 @@ protected function stepActions(array $form, FormStateInterface $form_state): arr $actions['next'] = [ '#type' => 'submit', '#value' => $this->t('Next >'), + '#attributes' => [ + 'class' => [ + 'button button--primary', + ], + ], '#submit' => ['::nextStepSubmit'], ]; }