CRM-15705 - Style mailing submit button

diff --git a/css/angular-crmMailing.css b/css/angular-crmMailing.css
index 1d2a065b8a5f293a1a0c00b9e0ab72538f603c55..d5536a58e2bc5515de706129b73a8ddfaed16e3d 100644 (file)
--- a/css/angular-crmMailing.css
+++ b/css/angular-crmMailing.css
@@ -72,45 +72,25 @@ input[name=preview_test_email]:-ms-input-placeholder {
 .crmMailing-inactive {
   text-decoration: line-through;
 }
-a.crmMailing-submit-button div {
-  color: black;
-  background: #bfb;
-  border: 1px solid #8a8;
-  padding: 1em;
-  margin: 1em;
-  width: 15em;
-}
-a.crmMailing-submit-button div:hover {
-  background: #afa;
-  border: 1px solid #7a7;
-  cursor: pointer;
-}
-a.crmMailing-submit-button:hover {
-  text-decoration: none;
-}
-a.crmMailing-submit-button.disabled div {
-  color: black;
-  background: #aaa;
-  border: 1px solid #8a8;
-}
-a.crmMailing-submit-button.blocking div {
-  -webkit-animation: crmMailingPulse 2s infinite !important; /* Chrome, Safari, Opera */
-  animation: crmMailingPulse 2s infinite !important;
-}
-@-webkit-keyframes crmMailingPulse {
-  0% {background: #bfb;}
-  50% {background: #aaa;}
-  100% {background: #bfb;}
-}
-@keyframes crmMailingPulse {
-  0% {background: #bfb;}
-  50% {background: #aaa;}
-  100% {background: #bfb;}
-}
-a.crmMailing-submit-button.disabled div:hover, a.crmMailing-submit-button.blocking div:hover {
-  background: #aaa;
-  border: 1px solid #7a7;
-  cursor: not-allowed;
+.crm-container a.crmMailing-submit-button {
+  display: inline-block;
+  padding: .2em .4em;
+  margin: 1em auto;
+  border-radius: 5px;
+  font-size: 1.2em;
+  float: none;
+}
+.crm-container a.crmMailing-submit-button div {
+  background: url(../i/check.gif) no-repeat left center;
+  padding-left: 20px;
+}
+.crm-container a.crmMailing-submit-button.disabled,
+.crm-container a.crmMailing-submit-button.blocking {
+  opacity: .6;
+  cursor: default;
+}
+.crm-container a.crmMailing-submit-button.blocking div {
+  background: url(../i/loading-2f2f2e.gif) no-repeat left center;
 }
 
 .crm-container .crm-form-block label {

diff --git a/partials/crmMailing/edit-wizard.html b/partials/crmMailing/edit-wizard.html
index e202a4f0ad62dd01dbff07dfe88bf7c77d6451ba..5458c421194e208ea6dc62d8acfeb35426a295e1 100644 (file)
--- a/partials/crmMailing/edit-wizard.html
+++ b/partials/crmMailing/edit-wizard.html
@@ -53,7 +53,7 @@
           <div crm-mailing-block-review crm-mailing="mailing"/>
         </div>
         <center>
-          <a class="crmMailing-submit-button" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailing.$invalid}">
+          <a class="button crmMailing-submit-button" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailing.$invalid}">
             <div>{{ts('Submit Mailing')}}</div>
           </a>
         </center>

diff --git a/partials/crmMailing/edit.html b/partials/crmMailing/edit.html
index b10c5a922d110d599228ec3deb6cfd43c5ff3210..4ae598a370ea9e3e0829d0f66cd02a78c48f0928 100644 (file)
--- a/partials/crmMailing/edit.html
+++ b/partials/crmMailing/edit.html
@@ -51,7 +51,7 @@
           <div crm-mailing-block-schedule crm-mailing="mailing"/>
         </div>
         <center>
-          <a class="crmMailing-submit-button" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailing.$invalid}">
+          <a class="button crmMailing-submit-button" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailing.$invalid}">
             <div>{{ts('Submit Mailing')}}</div>
           </a>
         </center>

diff --git a/partials/crmMailingAB/edit.html b/partials/crmMailingAB/edit.html
index 0553280a463ccf5b00cd142af6951fab62700c9d..ee1af5c66741cd9b8b97d49a79361bf3702bbc59 100644 (file)
--- a/partials/crmMailingAB/edit.html
+++ b/partials/crmMailingAB/edit.html
@@ -165,7 +165,7 @@
           }"
           crm-abtest="abtest"></div>
         <center>
-          <a class="crmMailing-submit-button" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailingAB.$invalid}">
+          <a class="button crmMailing-submit-button" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailingAB.$invalid}">
             <div>{{ts('Submit Mailing')}}</div>
           </a>
         </center>