fu: Close-up of Fu, bringing a scoop of water to her mouth (Default)
fu ([personal profile] fu) wrote in [site community profile] changelog2011-11-22 01:07 pm

[dw-free] Revamp /update

[commit: http://hg.dwscoalition.org/dw-free/rev/8ebc74a56a0c]

http://bugs.dwscoalition.org/show_bug.cgi?id=2524

Tweak styling of destructive buttons (cancel) so that it's closer to the
main button, without overpowering it.

Patch by [personal profile] fu.

Files modified:
  • htdocs/stc/base-colors-light.css
  • htdocs/stc/simple-form.css
--------------------------------------------------------------------------------
diff -r c2807499dea7 -r 8ebc74a56a0c htdocs/stc/base-colors-light.css
--- a/htdocs/stc/base-colors-light.css	Tue Nov 22 18:27:02 2011 +0800
+++ b/htdocs/stc/base-colors-light.css	Tue Nov 22 21:08:35 2011 +0800
@@ -98,6 +98,14 @@
   color: #000;
 }
 
+.destructive input {
+  color: #888;
+}
+
+.destructive input:hover {
+  color: #cc2222;
+}
+
 #main-tools {
   background-color: #ebebeb;
 }
diff -r c2807499dea7 -r 8ebc74a56a0c htdocs/stc/simple-form.css
--- a/htdocs/stc/simple-form.css	Tue Nov 22 18:27:02 2011 +0800
+++ b/htdocs/stc/simple-form.css	Tue Nov 22 21:08:35 2011 +0800
@@ -67,11 +67,10 @@
     margin:0 2em;
 }
 .simple-form fieldset.destructive {
-   float: left;
    clear: none;
    width: auto;
    text-align: left;
-   margin-right: 3em;
+   margin-right: 2em;
    line-height: 3em;
 }
 
@@ -91,8 +90,15 @@
 }
 
 .simple-form fieldset.destructive input {
-  font-size: 1em;
-  line-height: 1em;
+  border: 0;
+  background: transparent;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+
+  font-size: 0.9em;
+  text-decoration: underline;
+  margin-right: 2em;
 }
 
 /* Nested Fieldsets */
--------------------------------------------------------------------------------