From 0c3bfeff29d4c89182106a5b301dec1775554309 Mon Sep 17 00:00:00 2001 From: Guy Sartorelli <36352093+GuySartorelli@users.noreply.github.com> Date: Tue, 26 Nov 2024 16:47:19 +1300 Subject: [PATCH] ENH Update status flag styling (#562) Status flags can be displayed in multiple places now, so this change gives them the same styling regardless of where they're displayed. --- client/dist/styles/advancedworkflow.css | 2 +- client/src/styles/AdvancedWorkflowAdmin.scss | 25 ++++++++++++-------- 2 files changed, 16 insertions(+), 11 deletions(-) diff --git a/client/dist/styles/advancedworkflow.css b/client/dist/styles/advancedworkflow.css index 20827e12..7f924136 100644 --- a/client/dist/styles/advancedworkflow.css +++ b/client/dist/styles/advancedworkflow.css @@ -1 +1 @@ -.field.date .message.required,.field.datetime .message.required{position:relative;top:10px}.cms-tree.jstree span.badge.status-embargo,.cms-tree.jstree span.badge.status-expiry,.cms-tree.jstree span.badge.status-embargo_expiry{background-color:#ebfbff;color:#3fa142}#cms-content-tools-CMSMain .cms-tree.jstree span.badge.status-embargo,#cms-content-tools-CMSMain .cms-tree.jstree span.badge.status-expiry,#cms-content-tools-CMSMain .cms-tree.jstree span.badge.status-embargo_expiry{box-shadow:0 0 6px 2px #ebfbff}.workflow-field-diff del{background-color:#fdd;color:#d40404;padding:2px}.workflow-field-diff del p{background-color:inherit}.workflow-field-diff ins{background-color:#dfd;padding:2px;text-decoration:none}.workflow-field-diff ins p{background-color:inherit}.workflow-field{position:relative;padding-bottom:0}.workflow-field .workflow-field-header{background:#95a5ab;border:1px solid rgba(0,0,0,.1);border-radius:3px 3px 0 0}.workflow-field .workflow-field-header h3{background:#7f9198;border-bottom:1px solid rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.1);margin:0;padding:8px}.workflow-field .workflow-field-header .workflow-field-do-create{margin-left:4px}.workflow-field .workflow-field-create{padding:4px 8px}.workflow-field .workflow-field-actions{background:#fff;border:1px solid rgba(0,0,0,.2);border-top:0;border-radius:0 0 3px 3px;padding:8px}.workflow-field .workflow-field-actions .workflow-field-action{margin-bottom:4px}.workflow-field .workflow-field-actions .workflow-field-action:last-child{margin-bottom:0}.workflow-field .workflow-field-actions .workflow-field-action .workflow-field-action-disabled{opacity:.35;filter:alpha(Opacity=35);cursor:default}.workflow-field .workflow-field-actions .workflow-field-action .workflow-field-action-disabled.ui-state-hover,.workflow-field .workflow-field-actions .workflow-field-action .workflow-field-action-disabled.ui-state-focus{text-decoration:none;background:linear-gradient(#fff, #d9d9d9);text-shadow:#fff 0 1px 1px;box-shadow:none}.workflow-field .workflow-field-actions .workflow-field-action-header{background:#d7dde0;border:1px solid #95a5ab;border-left:0;overflow:auto;padding:2px 8px 2px 0}.workflow-field .workflow-field-actions .workflow-field-action-header .workflow-field-action-icon,.workflow-field .workflow-field-actions .workflow-field-action-header .workflow-field-action-drag{display:block;float:left}.workflow-field .workflow-field-actions .workflow-field-action-header .workflow-field-action-drag{background:#95a5ab;cursor:move;margin:-2px 0;width:4px;height:36px}.workflow-field .workflow-field-actions .workflow-field-action-header .workflow-field-action-icon{width:16px;height:16px;margin:7px 8px 0}.workflow-field .workflow-field-actions .workflow-field-action-header h4{float:left;margin:7px 8px 0 0;min-width:360px;text-shadow:0 1px 0 hsla(0,0%,100%,.4)}.workflow-field .workflow-field-actions .workflow-field-action-transitions{padding-left:0}.workflow-field .workflow-field-actions .workflow-field-action-transitions li{background:#f8f8f8;border:1px solid #d7dde0;border-left:0;border-top:0;overflow:auto;padding:4px 4px 4px 0}.workflow-field .workflow-field-actions .workflow-field-action-transitions li .workflow-field-action-drag{background:#d7dde0;cursor:move;float:left;margin:-4px 0;width:4px;height:41px}.workflow-field .workflow-field-actions .workflow-field-action-transitions li .workflow-field-transition-title{float:left;min-width:390px;overflow:auto}.workflow-field .workflow-field-actions .workflow-field-action-transitions li .workflow-field-transition-text{margin-top:6px}.workflow-field .workflow-field-actions .workflow-field-action-transitions li span{float:left}.workflow-field .workflow-field-actions .workflow-field-action-transitions li .workflow-transition-actions{display:inline;float:none}.workflow-field .workflow-placeholder{margin-bottom:4px;height:32px}.workflow-field .workflow-field-loading{background:rgba(0,0,0,.15) url(data:image/gif;base64,R0lGODlhKwArAKIHAOvt7rS8wdLW2EB9ogBakqysrP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NWQ2NWU5Yy1iZjAwLTRmNjktODVlNS03NDQ4ODZiM2E1MDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRFNkFDN0EwNjZDMTFFNTg1QTBBNzNENzVBQ0M0ODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRFNkFDNzkwNjZDMTFFNTg1QTBBNzNENzVBQ0M0ODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzRlNmQ4NC00OGE1LTRmNzQtYTcwYS0wNDM4N2E1ZTYzZjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ZjhiOTRiYy00YTNiLTExNzgtYWNjMy1kNzg3OTk3MTdhNzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAAAHACwAAAAAKwArAAADtni23P4wOiWrvTjrzbv/YCiOWCCQGVAUAXoF6+pKABwXMyTca5szKt7q9DPshAViroZMFoNCHwQgEAA+Np7ScbwFrppu7BvJCrcWs7PcjKElWlr7luGBG4KWuHfGxIE2VDdEUD0ldgtiVj13RjwYeyx9aw2FOH5zK41cjxiWURJ7UheRYxFMfylqlJygHlRWp6uaRaUsmyi2b7lIZEUGq7szPL6/C17GDoHJXKPMz9DR0tMT1AcJACH5BAUAAAcALBAABwAGAAcAAAMQeApTGiSyGAetdxwb3SZaAgAh+QQFAAAHACwIAAoADAAKAAADIXi6F8QMDPJgm7QqmbsSWEcVR9gNwlGYI2Oi1kEN8RLECQAh+QQFAAAHACwHAA8ABwAMAAADG2hCzDaNlchgtG0YGnYsDyVgjZcZUwUawVC8CQAh+QQFAAAHACwKABQADgAJAAADI3i6O8TwCEdCPKCQTUrkYABYCggKjMkNiwoCy6QWMJQVARolACH5BAUAAAcALA8ADwARAAkAAAMseLqsUSW0Bgq5d0wFBsba5n0YdQjkt1RHlV7bMV4FcB5GuASYEC+FA0HHSAAAIfkEBQAABwAsHAAPAAkADgAAAyR4CtpNQzhFapmnkjD1YJQGGaHXFCLRBGkztAcrDs5Lc9iF4QkAIfkEBQAABwAsGAAZAAwACQAAAx54urOuYpB5SFNl6tni3kLwgYc0XsooPBUHsMqwsgkAIfkEBQAABwAsEAAHAA0AHgAAAzp4aiH6EJQS4GNzWpXzPkNXfZ3zgcN4rmzrvnAsz3Rt31vRDgRbEL0VD7gCGg+qh5EwAHyMSUuhCUkAACH5BAUAAAcALAgACgAPAA4AAAMveLoHwVAZUUpkoNZ7pv6FsDigJi5lFRgMkZ7Q8AUAd8ihvcgXq3eBwW/YsOyIkgQAIfkEBQAABwAsBwAPAAgADAAAAx54cNwXjolSYqC1YSrYLsvxdc8GHdM2DOLWpJnDNgkAIfkEBQAABwAsCAAUABEACQAAAyl4unwSLSoQShGygGOEtVhWfeBWNCS5rUv6QYznWoERUa5gSxwgCBtJAgAh+QQFAAAHACwVAA8ACwAKAAADIni6IHFmGVFqGTJYu/SuCvBx03gdzSYsYRUArGIUayzZSgIAIfkEBQAABwAsHQAPAAgADAAAAyAocNxXJSwHi6D1sgpN4NAFgAEjgMzIbSgzvEfpHISQAAAh+QQFAAAHACwZABgACwALAAADIXi6sq6iSLlAmBPiGeyewPAV3SFuzYKVjygYj0Kk8QHXCQA7) no-repeat center center;border-radius:0 0 3px 3px;inset:0;display:none;position:absolute;z-index:999}.cms table.ss-gridfield-table .btn-icon-download-csv{display:inline-block;vertical-align:middle;width:16px;height:16px;margin:-2px 0 0 10px}.cms .workflow-field-editor-dialog .tab-content{clear:both}.ss-gridfield .ss-gridfield-item .disabled a.action{opacity:.35;filter:alpha(Opacity=35);cursor:default} +.field.date .message.required,.field.datetime .message.required{position:relative;top:10px}.badge.status-embargo,.badge.status-expiry,.badge.status-embargo_expiry{background-color:#ebfbff;border-color:#3fa142;color:#3fa142}#cms-content-tools-CMSMain .badge.status-embargo,#cms-content-tools-CMSMain .badge.status-expiry,#cms-content-tools-CMSMain .badge.status-embargo_expiry{box-shadow:0 0 6px 2px #ebfbff}.badge.status-workflow-approval{background-color:#e8faff;border-color:#0070b4;color:#0070b4}.workflow-field-diff del{background-color:#fdd;color:#d40404;padding:2px}.workflow-field-diff del p{background-color:inherit}.workflow-field-diff ins{background-color:#dfd;padding:2px;text-decoration:none}.workflow-field-diff ins p{background-color:inherit}.workflow-field{position:relative;padding-bottom:0}.workflow-field .workflow-field-header{background:#95a5ab;border:1px solid rgba(0,0,0,.1);border-radius:3px 3px 0 0}.workflow-field .workflow-field-header h3{background:#7f9198;border-bottom:1px solid rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.1);margin:0;padding:8px}.workflow-field .workflow-field-header .workflow-field-do-create{margin-left:4px}.workflow-field .workflow-field-create{padding:4px 8px}.workflow-field .workflow-field-actions{background:#fff;border:1px solid rgba(0,0,0,.2);border-top:0;border-radius:0 0 3px 3px;padding:8px}.workflow-field .workflow-field-actions .workflow-field-action{margin-bottom:4px}.workflow-field .workflow-field-actions .workflow-field-action:last-child{margin-bottom:0}.workflow-field .workflow-field-actions .workflow-field-action .workflow-field-action-disabled{opacity:.35;filter:alpha(Opacity=35);cursor:default}.workflow-field .workflow-field-actions .workflow-field-action .workflow-field-action-disabled.ui-state-hover,.workflow-field .workflow-field-actions .workflow-field-action .workflow-field-action-disabled.ui-state-focus{text-decoration:none;background:linear-gradient(#fff, #d9d9d9);text-shadow:#fff 0 1px 1px;box-shadow:none}.workflow-field .workflow-field-actions .workflow-field-action-header{background:#d7dde0;border:1px solid #95a5ab;border-left:0;overflow:auto;padding:2px 8px 2px 0}.workflow-field .workflow-field-actions .workflow-field-action-header .workflow-field-action-icon,.workflow-field .workflow-field-actions .workflow-field-action-header .workflow-field-action-drag{display:block;float:left}.workflow-field .workflow-field-actions .workflow-field-action-header .workflow-field-action-drag{background:#95a5ab;cursor:move;margin:-2px 0;width:4px;height:36px}.workflow-field .workflow-field-actions .workflow-field-action-header .workflow-field-action-icon{width:16px;height:16px;margin:7px 8px 0}.workflow-field .workflow-field-actions .workflow-field-action-header h4{float:left;margin:7px 8px 0 0;min-width:360px;text-shadow:0 1px 0 hsla(0,0%,100%,.4)}.workflow-field .workflow-field-actions .workflow-field-action-transitions{padding-left:0}.workflow-field .workflow-field-actions .workflow-field-action-transitions li{background:#f8f8f8;border:1px solid #d7dde0;border-left:0;border-top:0;overflow:auto;padding:4px 4px 4px 0}.workflow-field .workflow-field-actions .workflow-field-action-transitions li .workflow-field-action-drag{background:#d7dde0;cursor:move;float:left;margin:-4px 0;width:4px;height:41px}.workflow-field .workflow-field-actions .workflow-field-action-transitions li .workflow-field-transition-title{float:left;min-width:390px;overflow:auto}.workflow-field .workflow-field-actions .workflow-field-action-transitions li .workflow-field-transition-text{margin-top:6px}.workflow-field .workflow-field-actions .workflow-field-action-transitions li span{float:left}.workflow-field .workflow-field-actions .workflow-field-action-transitions li .workflow-transition-actions{display:inline;float:none}.workflow-field .workflow-placeholder{margin-bottom:4px;height:32px}.workflow-field .workflow-field-loading{background:rgba(0,0,0,.15) url(data:image/gif;base64,R0lGODlhKwArAKIHAOvt7rS8wdLW2EB9ogBakqysrP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NWQ2NWU5Yy1iZjAwLTRmNjktODVlNS03NDQ4ODZiM2E1MDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRFNkFDN0EwNjZDMTFFNTg1QTBBNzNENzVBQ0M0ODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRFNkFDNzkwNjZDMTFFNTg1QTBBNzNENzVBQ0M0ODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzRlNmQ4NC00OGE1LTRmNzQtYTcwYS0wNDM4N2E1ZTYzZjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ZjhiOTRiYy00YTNiLTExNzgtYWNjMy1kNzg3OTk3MTdhNzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAAAHACwAAAAAKwArAAADtni23P4wOiWrvTjrzbv/YCiOWCCQGVAUAXoF6+pKABwXMyTca5szKt7q9DPshAViroZMFoNCHwQgEAA+Np7ScbwFrppu7BvJCrcWs7PcjKElWlr7luGBG4KWuHfGxIE2VDdEUD0ldgtiVj13RjwYeyx9aw2FOH5zK41cjxiWURJ7UheRYxFMfylqlJygHlRWp6uaRaUsmyi2b7lIZEUGq7szPL6/C17GDoHJXKPMz9DR0tMT1AcJACH5BAUAAAcALBAABwAGAAcAAAMQeApTGiSyGAetdxwb3SZaAgAh+QQFAAAHACwIAAoADAAKAAADIXi6F8QMDPJgm7QqmbsSWEcVR9gNwlGYI2Oi1kEN8RLECQAh+QQFAAAHACwHAA8ABwAMAAADG2hCzDaNlchgtG0YGnYsDyVgjZcZUwUawVC8CQAh+QQFAAAHACwKABQADgAJAAADI3i6O8TwCEdCPKCQTUrkYABYCggKjMkNiwoCy6QWMJQVARolACH5BAUAAAcALA8ADwARAAkAAAMseLqsUSW0Bgq5d0wFBsba5n0YdQjkt1RHlV7bMV4FcB5GuASYEC+FA0HHSAAAIfkEBQAABwAsHAAPAAkADgAAAyR4CtpNQzhFapmnkjD1YJQGGaHXFCLRBGkztAcrDs5Lc9iF4QkAIfkEBQAABwAsGAAZAAwACQAAAx54urOuYpB5SFNl6tni3kLwgYc0XsooPBUHsMqwsgkAIfkEBQAABwAsEAAHAA0AHgAAAzp4aiH6EJQS4GNzWpXzPkNXfZ3zgcN4rmzrvnAsz3Rt31vRDgRbEL0VD7gCGg+qh5EwAHyMSUuhCUkAACH5BAUAAAcALAgACgAPAA4AAAMveLoHwVAZUUpkoNZ7pv6FsDigJi5lFRgMkZ7Q8AUAd8ihvcgXq3eBwW/YsOyIkgQAIfkEBQAABwAsBwAPAAgADAAAAx54cNwXjolSYqC1YSrYLsvxdc8GHdM2DOLWpJnDNgkAIfkEBQAABwAsCAAUABEACQAAAyl4unwSLSoQShGygGOEtVhWfeBWNCS5rUv6QYznWoERUa5gSxwgCBtJAgAh+QQFAAAHACwVAA8ACwAKAAADIni6IHFmGVFqGTJYu/SuCvBx03gdzSYsYRUArGIUayzZSgIAIfkEBQAABwAsHQAPAAgADAAAAyAocNxXJSwHi6D1sgpN4NAFgAEjgMzIbSgzvEfpHISQAAAh+QQFAAAHACwZABgACwALAAADIXi6sq6iSLlAmBPiGeyewPAV3SFuzYKVjygYj0Kk8QHXCQA7) no-repeat center center;border-radius:0 0 3px 3px;inset:0;display:none;position:absolute;z-index:999}.cms table.ss-gridfield-table .btn-icon-download-csv{display:inline-block;vertical-align:middle;width:16px;height:16px;margin:-2px 0 0 10px}.cms .workflow-field-editor-dialog .tab-content{clear:both}.ss-gridfield .ss-gridfield-item .disabled a.action{opacity:.35;filter:alpha(Opacity=35);cursor:default} diff --git a/client/src/styles/AdvancedWorkflowAdmin.scss b/client/src/styles/AdvancedWorkflowAdmin.scss index 344c0bae..020ca018 100644 --- a/client/src/styles/AdvancedWorkflowAdmin.scss +++ b/client/src/styles/AdvancedWorkflowAdmin.scss @@ -11,20 +11,25 @@ // Embargo & expiry badge styling // 3 different statuses - embargo, expiry, embargo & expiry (both assigned) // Note: CSS nesting convention based on SilverStripe admin styling -.cms-tree.jstree { - span.badge.status-embargo, - span.badge.status-expiry, - span.badge.status-embargo_expiry {// sass-lint:disable-line class-name-format - background-color: $grey-light; - color: $brand-success; +.badge.status-embargo, +.badge.status-expiry, +.badge.status-embargo_expiry {// sass-lint:disable-line class-name-format + background-color: $grey-light; + border-color: $brand-success; + color: $brand-success; - #cms-content-tools-CMSMain & {// sass-lint:disable-line no-ids - -webkit-box-shadow: 0 0 6px 2px $grey-light; - box-shadow: 0 0 6px 2px $grey-light; - } + #cms-content-tools-CMSMain & {// sass-lint:disable-line no-ids + -webkit-box-shadow: 0 0 6px 2px $grey-light; + box-shadow: 0 0 6px 2px $grey-light; } } +.badge.status-workflow-approval { + background-color: #E8FAFF; + border-color: #0070B4; + color: #0070B4; +} + .workflow-field-diff { del { background-color: $pale-red;