From 849b26dad4deab7a771db5533265f91cba160ed2 Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Mon, 12 Mar 2012 11:10:25 +0100 Subject: [PATCH] MINOR Added custom save indicator for constructive buttons (green background on animated gif) --- admin/css/screen.css | 1 + admin/scss/_forms.scss | 8 ++++++++ images/network-save-constructive.gif | Bin 0 -> 1737 bytes 3 files changed, 9 insertions(+) create mode 100644 images/network-save-constructive.gif diff --git a/admin/css/screen.css b/admin/css/screen.css index 74ccbbab7..17a022ee2 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -175,6 +175,7 @@ form.small .field input.text, form.small .field textarea, form.small .field sele .cms .Actions > div { overflow: auto; } .cms input.loading, .cms button.loading, .cms input.ui-state-default.loading, .cms .ui-widget-content input.ui-state-default.loading, .cms .ui-widget-header input.ui-state-default.loading { color: #525252; border-color: #d5d3d3; cursor: default; } .cms input.loading .ui-icon, .cms button.loading .ui-icon, .cms input.ui-state-default.loading .ui-icon, .cms .ui-widget-content input.ui-state-default.loading .ui-icon, .cms .ui-widget-header input.ui-state-default.loading .ui-icon { background: transparent url(../../images/network-save.gif) no-repeat 0 0; } +.cms input.loading.ss-ui-action-constructive .ui-icon, .cms button.loading.ss-ui-action-constructive .ui-icon { background: transparent url(../../images/network-save-constructive.gif) no-repeat 0 0; } .cms .ss-ui-button { font-weight: bold; text-decoration: none; line-height: 16px; color: #393939; border: 1px solid #c0c0c2; border-bottom: 1px solid #a6a6a9; cursor: pointer; text-shadow: white 0 1px 1px; background-color: #e6e6e6; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(#ffffff, #d9d9d9); background: -moz-linear-gradient(#ffffff, #d9d9d9); background: -o-linear-gradient(#ffffff, #d9d9d9); background: -ms-linear-gradient(#ffffff, #d9d9d9); background: linear-gradient(#ffffff, #d9d9d9); /* constructive */ /* destructive */ } .cms .ss-ui-button.buttonset { margin: 0 -1px; } .cms .ss-ui-button.ui-state-hover, .cms .ss-ui-button:hover { text-decoration: none; background-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: -ms-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); -moz-box-shadow: 0 0 5px #b3b3b3; -webkit-box-shadow: 0 0 5px #b3b3b3; -o-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; } diff --git a/admin/scss/_forms.scss b/admin/scss/_forms.scss index 94cb2c264..e27090401 100644 --- a/admin/scss/_forms.scss +++ b/admin/scss/_forms.scss @@ -260,6 +260,14 @@ form.small .field, .field.small { cursor: default; } + input.loading, button.loading { + &.ss-ui-action-constructive { + .ui-icon { + background: transparent url(../../images/network-save-constructive.gif) no-repeat 0 0; + } + } + } + .ss-ui-button { &.buttonset { diff --git a/images/network-save-constructive.gif b/images/network-save-constructive.gif new file mode 100644 index 0000000000000000000000000000000000000000..735c8b870fb35f5ec4680e4d8c4b68956ef99bdf GIT binary patch literal 1737 zcmaLXdrVu`9l-H}4Ss`dxYq_7{3OQsjjy@3ublfIN+>k)P!GH-E2Ld7Fv2;z( z<=(#1a<@LTDbxB;t4(V|OHk`=&C1eF?H`-gN!2Dz+obK!{aI<6wtu!IYxW=7@6V(2 zlRi3M>EsGjC|pwk75F;<&we@y0N8pnUD@k>=S_=y&N?t z`UaH)!)mj)Cp>9hdNHCzC9yMuPkvCk^m0;KsDae^q3d_^`DKS#)*h;u>8m5bvT5OY;>4(?LoBR59h$i8RdkDm?QKuoD=;68 zCueQBx?}f#nOYp4xi!iiRi1t@ap9#{^G=fexN`Ze%p4nh>c?Z7Z=`O#m%sWWYUBH4 z<2#8uAG!8UZu{*F{K@#0A7sfnTkW~<{4*gt(d&xqeA)g$$!PVXCQr}mtMSCl37t*( z&BLO`)H!z1?M?S<&0Q+3bm|7?i1bQ3I|?h#(J^EHkZSF_iS_T1H{UNTzCfhs?d40J z)7Sl;lzx2OJrvT~f|_ofZ2HN7MA0FV3TJn5fw1k=&ImG~kSRq5hdMqz*lX=-7YU-L zt?FKxJEgx82sn)1n zYi`t*Jge)=8^HX}cB$;)E!U&{M-hSeg4!b#4(m&|%K%5A&GWoy>rxyl& zF`N;Ix(ytTAg= zP^#)RauKJ7V$^*mo8E^>Lz3v9c6H_<@kqenib`)=Cf?`&@&@(d{3qQa!EwUdkA)H8 znX`&>b9xR$dr!-!-Lr$|ZEUe}Dz8T9V%0Ibn`@uA!}?j7$jZYYlP^sk0s@EaW3iu7 z6dW4=#UX-1ZJ9hI7Jdl|D#;<8d;k*KlRC~T$ove3{egm%AiUXm{g(`Bn{v$fuRCE!3>ToNg}Iu(s38>(JdnMBd_$u)(9u`HFN z+=_cb4;NL-JWySngRY)k?yW{v}4t$3*K!nsDd z$dcB4Q%}WGbIMATp>6&Uw|ssq0>e{w9^@55SaeBS>a{blxlFW>?$dCi`8iJyY(Y(Q zp;f$Cf;oG!sMc!2laDJ7!T2{ zRO1S)rGhO~S-MYt&ZAwTLxHcA-l;-VdcF zJ?q<&)_Mr@ee%1z4E+CzeaW!hsU{H)&}3+_Xq0Tq;w-A4&(Szx(M?T}44#a8xm2LO z0Atd-{KiQ&q%#-~;^LK$?j2E8F+}%18y|u`DtMF{TY@BRNGDeY2vsTYKO_j#jcvWnu?d2pR WedXEYSD(J}fP4yo$fJ+%zw;j}6WAF5 literal 0 HcmV?d00001