ACMS-3284: Update ACMS Tour Installation wizard styles.

acquia · Dec 20, 2023 · bb58878 · bb58878
1 parent 1db92b3
commit bb58878
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 82 deletions.
diff --git 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
@@ -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'],
       ];
     }