From 6a1047b29208c84c7fc3296b1d96923a4d006b81 Mon Sep 17 00:00:00 2001 From: scott1702 Date: Fri, 13 Nov 2015 16:21:14 +1300 Subject: [PATCH] Make 'Mark as reviewed' button look like an action --- code/extensions/SiteTreeContentReview.php | 1 + css/contentreview.css | 29 ++++++++++++++++++++++- 2 files changed, 29 insertions(+), 1 deletion(-) diff --git a/code/extensions/SiteTreeContentReview.php b/code/extensions/SiteTreeContentReview.php index 604db7e..81d358e 100644 --- a/code/extensions/SiteTreeContentReview.php +++ b/code/extensions/SiteTreeContentReview.php @@ -129,6 +129,7 @@ class SiteTreeContentReview extends DataExtension implements PermissionProvider $ReviewNotes = LiteralField::create("ReviewNotes", ""); $quickReviewAction = FormAction::create("savereview", _t("ContentReview.MARKREVIEWED", "Mark as reviewed")) + ->setAttribute("data-icon", "pencil") ->setAttribute("data-text-alternate", _t("ContentReview.MARKREVIEWED", "Mark as reviewed")); $allFields = CompositeField::create($reviewTitle, $ReviewNotes, $quickReviewAction) diff --git a/css/contentreview.css b/css/contentreview.css index b1be29d..4d44bba 100644 --- a/css/contentreview.css +++ b/css/contentreview.css @@ -33,4 +33,31 @@ .cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel.contentreview-tab { max-width: 300px; -} \ No newline at end of file +} + +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .review-notes button { + margin: 4px 10px 8px; + font-weight: bold; + color: #393939; + border: 1px solid #c0c0c2; + border-bottom: 1px solid #a6a6a9; + cursor: pointer; + background-color: #e6e6e6; + background: linear-gradient(#ffffff, #d9d9d9); + text-shadow: white 0 1px 1px; + width: auto; + border-radius: 4px; + padding: 0; + white-space: nowrap; +} + +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .review-notes button:hover, +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .review-notes button:focus { + text-decoration: none; + background: linear-gradient(#ffffff, #e6e6e6); + box-shadow: 0 0 5px #b3b3b3; +} + +.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .review-notes button .ui-button-text { + padding: .4em 1em .4em 2.1em; +}