Merge pull request #73 from silinternational/develop

new links were not branded properly

Author: longrunningprocess

themes/material/common-head-elements.php

@@ -32,7 +32,7 @@
 $colors = htmlentities($this->configuration->getValue('theme.color-scheme') ?: 'indigo-purple');
 ?>
 <link rel="stylesheet" href="material.<?= $colors ?>.1.2.1.min.css">
-<link rel="stylesheet" href="styles.2.3.4.css">
+<link rel="stylesheet" href="styles.2.3.5.css">
 
 <script async src="material.1.2.1.min.js"></script>
 

themes/material/core/loginuserpass.php

@@ -131,14 +131,14 @@ function onRecaptchaLoad() {
 
             <section layout-children="row" child-spacing="space-around">
                 <?php if (! empty($this->data['helpCenterUrl'])): ?>
-                <a href="<?= $this->data['helpCenterUrl'] ?>" target="_blank">
-                    <?= $this->t('{material:login:help}') ?>
+                <a href="<?= $this->data['helpCenterUrl'] ?>" target="_blank" class="mdl-button mdl-button--colored mdl-typography--body-2">
+                    <?= $this->t('{material:login:help}') ?> <i class="material-icons">launch</i>
                 </a>
                 <?php endif; ?>
 
                 <?php if (! empty($this->data['profileUrl'])): ?>
-                <a href="<?= $this->data['profileUrl'] ?>" target="_blank">
-                    <?= $this->t('{material:login:profile}') ?>
+                <a href="<?= $this->data['profileUrl'] ?>" target="_blank" class="mdl-button mdl-button--colored mdl-typography--body-2">
+                    <?= $this->t('{material:login:profile}') ?> <i class="material-icons">launch</i>
                 </a>
                 <?php endif; ?>
             </section>

www/styles.2.3.4.css www/styles.2.3.5.csswww/styles.2.3.4.css renamed to www/styles.2.3.5.css

@@ -232,12 +232,17 @@ i.material-icons.mdl-typography--display-4 {
   font-size: 12px
 }
 
+
 /* special case where we want a button for all it's built-in characteristics, 
-   e.g., primary color, but also want to set the text apart a bit. */
+e.g., primary color, but also want to set the text apart a bit. */
 .mdl-button.mdl-typography--caption {
   text-transform: none;
   font-size: 12px
 }
+a.mdl-button.mdl-typography--body-2, a.mdl-button.mdl-typography--body-2 > i.material-icons {
+  text-transform: none;
+  font-size: 14px
+}
 
 /* didn't feel like the padding was enough out of the box */
 .mdl-card__actions {