CSS highlight the Donate button

StackStorm · Oct 13, 2020 · 989a32c · 989a32c
1 parent 4816797
commit 989a32c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/modules/st2-menu/menu.component.js b/modules/st2-menu/menu.component.js
@@ -150,7 +150,7 @@ export default class Menu extends React.Component {
           Support
         </a>
 
-        <a target="_blank" rel="noopener noreferrer" href={this.donateLink} className={style.side}>
+        <a target="_blank" rel="noopener noreferrer" href={this.donateLink} className={style.side+ ' ' +style.sideDonate}>
           Donate
         </a>
       </header>

diff --git a/modules/st2-menu/style.css b/modules/st2-menu/style.css
@@ -121,6 +121,14 @@
   color: inherit;
   text-decoration: none;
 
+  &-donate {
+    display: inline-block;
+    margin: 2px 5px 2px 0;
+    padding: .50em .8em;
+    color: #fff;
+    border-radius: .60rem;
+    background-color: #008CEB;
+  }
 
   &-item {
     position: relative;
-Original file line number
+Diff line change
@@ Expand Up / @@ -150,7 +150,7 @@ export default class Menu extends React.Component { @@
               Support
             </a>
-            <a target="_blank" rel="noopener noreferrer" href={this.donateLink} className={style.side}>
+            <a target="_blank" rel="noopener noreferrer" href={this.donateLink} className={style.side+ ' ' +style.sideDonate}>
               Donate
             </a>
           </header>
@@ Expand Down @@