Fix cursor pointer on expandable items

TIBHannover · Jun 27, 2019 · 12886a7 · 12886a7
1 parent eba3541
commit 12886a7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/AddPaper/Contributions/styled.js b/src/components/AddPaper/Contributions/styled.js
@@ -96,6 +96,10 @@ export const StyledStatementItem = styled(ListGroupItem)`
     background-color: ${props => props.theme.ultraLightBlue} !important; 
     border-color: ${props => props.theme.ultraLightBlueDarker} !important; 
 
+    &.selectable {
+        cursor: pointer;
+    }
+
     & > .statementItemIcon {
         font-size: 18px;
         margin-top: 3px;

diff --git a/src/components/StatementBrowser/StatementItem.js b/src/components/StatementBrowser/StatementItem.js
@@ -32,6 +32,7 @@ class StatementItem extends Component {
         const listGroupClass = classNames({
             'statementActive': isCollapsed,
             'statementItem': true,
+            'selectable': true,
             'rounded-bottom': this.props.isLastItem && !isCollapsed && !this.props.enableEdit,
         });