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 */
--------------------------------------------------------------------------------

Post a comment in response:

This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org