tonyair
/
silverstripe-contentreview
mirror of https://github.com/silverstripe/silverstripe-contentreview
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Make 'Mark as reviewed' button look like an action

This commit is contained in:
scott1702 2015-11-13 16:21:14 +13:00
parent 0610b12a4a
commit 6a1047b292
2 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
code/extensions/SiteTreeContentReview.php
View File

@ -129,6 +129,7 @@ class SiteTreeContentReview extends DataExtension implements PermissionProvider
$ReviewNotes = LiteralField::create("ReviewNotes", "<textarea class=\"no-change-track\" id=\"Form_EditForm_ReviewNotes\" name=\"ReviewNotes\" placeholder=\"" . _t("ContentReview.COMMENTS", "(optional) Add comments...") . "\" class=\"text\"></textarea>");
$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)

29
css/contentreview.css
View File

@ -33,4 +33,31 @@
.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel.contentreview-tab {
max-width: 300px;
}
}
.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;
}