hg.stevelosh.com > hg-review

92e5e6c71595 

web: add focus css for buttons
[view raw] [browse files]
author Steve Losh <steve@stevelosh.com>
date Sun, 13 Jun 2010 02:38:28 -0400
parents 0d78b56ae9aa
children ee8d78fbf746
branches/tags (none)
files review/static/style.css review/static/style.less

Changes

--- a/review/static/style.css	Sun Jun 13 02:35:46 2010 -0400
+++ b/review/static/style.css	Sun Jun 13 02:38:28 2010 -0400
@@ -87,6 +87,11 @@
   margin-top: 1px;
   margin-bottom: -1px;
 }
+body .header .remotes form a:focus {
+  box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+  -moz-box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+  -webkit-box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+}
 body .header .remotes form a span {
   display: inline-block;
   padding: 0 6px;
@@ -264,6 +269,11 @@
   margin-top: 1px;
   margin-bottom: -1px;
 }
+#changeset .content .activate a:focus {
+  box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+  -moz-box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+  -webkit-box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+}
 #changeset .content .activate a span {
   display: inline-block;
   padding: 0 6px;
@@ -306,6 +316,11 @@
   margin-top: 1px;
   margin-bottom: -1px;
 }
+#changeset .content a.submit:focus {
+  box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+  -moz-box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+  -webkit-box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+}
 #changeset .content a.submit span {
   display: inline-block;
   padding: 0 6px;
@@ -347,6 +362,11 @@
   margin-top: 1px;
   margin-bottom: -1px;
 }
+#changeset .content a.cancel:focus {
+  box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+  -moz-box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+  -webkit-box-shadow: 0px 0px 3px rgba(100, 100, 200, 0.9);
+}
 #changeset .content a.cancel span {
   display: inline-block;
   padding: 0 6px;
--- a/review/static/style.less	Sun Jun 13 02:35:46 2010 -0400
+++ b/review/static/style.less	Sun Jun 13 02:38:28 2010 -0400
@@ -47,6 +47,9 @@
         margin-top: 1px;
         margin-bottom: -1px;
     }
+    &:focus {
+        .box-shadow(0px, 0px, 3px, rgba(100,100,200,0.9));
+    }
 }
 .button-span(@bgcolor: #ddd, @fcolor: #000000, @fsize: 14px, @lheight: 1.75) {
     display: inline-block;