Make session summary scrollable.
authorAlexandre Segura <mex.zktk@gmail.com>
Thu, 22 Jun 2017 11:58:27 +0200
changeset 73 7e8cdc74d86f
parent 72 7634b424f426
child 74 043477fd5c5c
Make session summary scrollable.
client/src/App.scss
client/src/components/SessionSummary.js
--- a/client/src/App.scss	Thu Jun 22 10:47:10 2017 +0200
+++ b/client/src/App.scss	Thu Jun 22 11:58:27 2017 +0200
@@ -112,6 +112,10 @@
         }
         .notes-affix {
             min-width: 25%;
+            > *:first-child {
+                max-height: calc(100% - 20px);
+                overflow-y: auto;
+            }
         }
         .notes-list {
             overflow-y: auto;
--- a/client/src/components/SessionSummary.js	Thu Jun 22 10:47:10 2017 +0200
+++ b/client/src/components/SessionSummary.js	Thu Jun 22 11:58:27 2017 +0200
@@ -7,18 +7,16 @@
 class SessionSummary extends Component {
   render() {
     return (
-      <Panel>
-        <ListGroup>
-          {this.props.notes.map((note) =>
-            <ListGroupItem key={note.get('_id')}>
-              <a href={'#note-' + note.get('_id')}>
-                <span className="text-muted">{note.startedAt} → {note.finishedAt}</span>
-                <span className="pull-right">{_.words(note.plain).length} words</span>
-              </a>
-            </ListGroupItem>
-          )}
-        </ListGroup>
-      </Panel>
+      <ListGroup>
+        {this.props.notes.map((note) =>
+          <ListGroupItem key={note.get('_id')}>
+            <a href={'#note-' + note.get('_id')}>
+              <span className="text-muted">{note.startedAt} → {note.finishedAt}</span>
+              <span className="pull-right">{_.words(note.plain).length} words</span>
+            </a>
+          </ListGroupItem>
+        )}
+      </ListGroup>
     );
   }
 }