[Rt-commit] rt branch, 4.2/allow-other-elements-to-be-buttons, created. rt-4.2.10-196-gc14d989

[Jesse Vincent]

The branch, 4.2/allow-other-elements-to-be-buttons has been created
        at  c14d989e54f68c4c00bb6ab52801a1e733ca49dd (commit)

- Log -----------------------------------------------------------------
commit c14d989e54f68c4c00bb6ab52801a1e733ca49dd
Author: Jesse Vincent <jesse at bestpractical.com>
Date:   Sun Mar 15 17:31:15 2015 -0700

    Allow elements styled as .button to render the same as other buttons.
    
    In some cases, developers want to be able to style ordinary hrefs or
    other elements to look like buttons. Historically, RT hackers have
    indicated button nature with text like [Button] inside an href.
    
    This change allows developers to style buttons as buttons by giving
    them a css class including "button"

diff --git a/share/static/css/base/forms.css b/share/static/css/base/forms.css
index e763778..922e68d 100644
--- a/share/static/css/base/forms.css
+++ b/share/static/css/base/forms.css
@@ -32,7 +32,7 @@ div.button-row {
 }
 
 
-input[type=reset], input[type=submit], input[class=button], button {
+.button, .button:visited, input[type=reset], input[type=submit], input[class=button], button {
    color: #fff;
    background: #3858a3;
    padding: 0.25em;
@@ -43,11 +43,11 @@ input[type=reset], input[type=submit], input[class=button], button {
    border-radius: 0.5em;
 }
 
-input.button:hover, button:hover, input[type=reset]:hover, input[type=submit]:hover, input[class=button]:hover {
+.button:hover, input.button:hover, button:hover, input[type=reset]:hover, input[type=submit]:hover, input[class=button]:hover {
    background: #1D3B7D;
 }
 
-input.button:focus, button:focus, input[type=reset]:focus, input[type=submit]:focus, input[class=button]:focus {
+.button:focus, input.button:focus, button:focus, input[type=reset]:focus, input[type=submit]:focus, input[class=button]:focus {
    background: #1D3B7D;
 }
 
diff --git a/share/static/css/rudder/forms.css b/share/static/css/rudder/forms.css
index 1fc501c..a10da2b 100644
--- a/share/static/css/rudder/forms.css
+++ b/share/static/css/rudder/forms.css
@@ -43,6 +43,7 @@ div.error .titlebox-title .widget a {
     background-position: center -7px
 }
 
+.button,
 input[type=reset],
 input[type=submit],
 input[class=button],
@@ -50,6 +51,8 @@ button,
 input,
 select { font-size: 1.0em }
 
+.button,
+.button:visited,
 input[type=reset],
 input[type=submit],
 input[class=button],
@@ -60,11 +63,13 @@ button {
     padding: 0.5em;
 }
 
+.button:focus,
 input.button:focus,
 button:focus,
 input[type=reset]:focus,
 input[type=submit]:focus,
 input[class=button]:focus,
+.button:hover,
 input.button:hover,
 button:hover,
 input[type=reset]:hover,
@@ -73,6 +78,7 @@ input[class=button]:hover {
     background: #3D5B9D
 }
 
+.button:active,
 input.button:active,
 button:active,
 input[type=reset]:active,
@@ -81,6 +87,7 @@ input[class=button]:active {
     background: #1D3B7D
 }
 
+.button,
 input[type=reset],
 input[type=submit],
 input[class=button],

-----------------------------------------------------------------------