From e58b0320dd74a71390e5d90f4582dc295d3f9f88 Mon Sep 17 00:00:00 2001 From: Julian Seidenberg Date: Fri, 30 Sep 2011 14:29:19 +1300 Subject: [PATCH] ENHANCEMENT: adding ui-state-disabled icons for CMS buttons (SSO-8) --- admin/css/screen.css | 4 ++++ admin/images/btn_icons_sprite_disabled.png | Bin 0 -> 5270 bytes admin/scss/_forms.scss | 9 +++++++++ 3 files changed, 13 insertions(+) create mode 100644 admin/images/btn_icons_sprite_disabled.png diff --git a/admin/css/screen.css b/admin/css/screen.css index df62d65f0..cb66aef83 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -230,12 +230,16 @@ form.nostyle .middleColumn { margin-left: 0; } .cms .ss-ui-button.ss-ui-action-destructive { color: red; background-color: #e6e6e6; } .cms .ss-ui-button.ss-ui-action-destructive.delete { padding-left: 24px; padding-right: 6px; background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -26px, linear-gradient(#ffffff, #e6e6e6); } +.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-disabled { background-image: none; background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -26px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.ss-ui-action-destructive.unpublish { padding-left: 24px; padding-right: 6px; background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -58px, linear-gradient(#ffffff, #e6e6e6); } +.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-disabled { background-image: none; background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -58px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.save-draft { padding-left: 24px; padding-right: 6px; background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.save-draft.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -90px, linear-gradient(#ffffff, #e6e6e6); } +.cms .ss-ui-button.save-draft.ui-state-disabled { background-image: none; background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -90px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.cms-preview-toggle-link { padding-left: 24px !important; margin-left: 4px !important; padding-left: 24px; padding-right: 6px; background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, linear-gradient(#ffffff, #d9d9d9); } .cms .ss-ui-button.cms-preview-toggle-link.ui-state-hover { background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite.png?1314743735') no-repeat 6px -124px, linear-gradient(#ffffff, #e6e6e6); } +.cms .ss-ui-button.cms-preview-toggle-link.ui-state-disabled { background-image: none; background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -124px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -124px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -124px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -124px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -124px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/../images/btn_icons_sprite_disabled.png?1317345241') no-repeat 6px -124px, linear-gradient(#ffffff, #e6e6e6); } .cms .ss-ui-button.ss-ui-button-small { padding: 4px 4px; } .cms .ss-ui-button.ui-state-highlight { background-color: #e6e6e6; border: 1px solid #708284; } .cms .ss-ui-button.ss-ui-action-minor { background: none; padding: 0; border: 0; color: #393939; text-decoration: underline; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } diff --git a/admin/images/btn_icons_sprite_disabled.png b/admin/images/btn_icons_sprite_disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e702a8962f3d094e6db948dc6b4831298c25e831 GIT binary patch literal 5270 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 literal 0 HcmV?d00001 diff --git a/admin/scss/_forms.scss b/admin/scss/_forms.scss index 06b8f73af..6ab29090f 100644 --- a/admin/scss/_forms.scss +++ b/admin/scss/_forms.scss @@ -275,6 +275,15 @@ form.nostyle { )) ); } + &.ui-state-disabled { + background-image: none; + @include background(image-url("../images/btn_icons_sprite_disabled.png") no-repeat $horizontalOffset $verticalOffset, + linear-gradient(color-stops( + lighten($color-button-generic, 20%), + $color-button-generic + )) + ); + } } /* constructive */