add bookmark-button-lg

resource/js/app.js

@@ -96,6 +96,7 @@ const componentMappings = {
   //'revision-history': <PageHistory pageId={pageId} />,
   'seen-user-list': <SeenUserList pageId={pageId} crowi={crowi} />,
   'bookmark-button': <BookmarkButton pageId={pageId} crowi={crowi} />,
+  'bookmark-button-lg': <BookmarkButton pageId={pageId} crowi={crowi} size="lg" />,
 
   'page-name-inputter': <NewPageNameInputter crowi={crowi} parentPageName={pagePath} />,
 

resource/js/components/BookmarkButton.js

@@ -64,7 +64,12 @@ export default class BookmarkButton extends React.Component {
       return <div></div>;
     }
 
-    const addedClassName = this.state.bookmarked ? 'active' : '';
+    const btnSizeClassName = this.props.size ? `btn-${this.props.size}` : 'btn-md';
+    const addedClassNames = [
+      this.state.bookmarked ? 'active' : '',
+      btnSizeClassName,
+    ];
+    const addedClassName = addedClassNames.join(' ');
 
     return (
       <button href="#" title="Bookmark" onClick={this.handleClick}
@@ -78,4 +83,5 @@ export default class BookmarkButton extends React.Component {
 BookmarkButton.propTypes = {
   pageId: PropTypes.string,
   crowi: PropTypes.object.isRequired,
+  size: PropTypes.string,
 };

resource/styles/scss/_user.scss

@@ -29,6 +29,13 @@
       }
     }
 
+    .like-button, .bookmark-link {
+      &.btn-lg {
+        font-size: 1.5em;
+        padding: 8px;
+      }
+    }
+
   }
 }