fix message list scrollbar

src/components/Meta.js

@@ -384,7 +384,6 @@ export default class Meta extends Component {
             </div>
           </div>
         </div>
-        <div className="cabana-meta-messages">
         <div className="cabana-meta-messages-header">
           <div
             style={{
@@ -403,7 +402,6 @@ export default class Meta extends Component {
           </div>
           <h5 className="t-capline">Available messages</h5>
         </div>
-          <div className="cabana-meta-messages-window">
         <div className="cabana-meta-messages-filter">
           <div className="form-field form-field--small">
             <input
@@ -419,8 +417,6 @@ export default class Meta extends Component {
           {this.renderAvailableMessagesList()}
         </div>
       </div>
-        </div>
-      </div>
     );
   }
 }

src/components/Meta/meta.scss

@@ -12,8 +12,7 @@
   display: flex;
   flex: 0.5;
   flex-direction: column;
-  max-height: 100vh;
+  height: 100%;
-  overflow-y: scroll;
   &-header {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     flex-direction: row;
@@ -79,7 +78,7 @@
       padding: 11px;
     }
     &-list {
-      height: 100%;
+      padding: 8px;
       overflow-x: hidden;
       overflow-y: scroll;
       &-item {

src/components/RouteVideoSync.js

@@ -47,7 +47,6 @@ export default class RouteVideoSync extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      shouldShowJpeg: true,
       isLoading: true,
       videoElement: null,
       source: null,
@@ -114,14 +113,12 @@ export default class RouteVideoSync extends Component {
 
   onLoadStart() {
     this.setState({
-      shouldShowJpeg: true,
       isLoading: true
     });
   }
 
   onLoadEnd() {
     this.setState({
-      shouldShowJpeg: false,
       isLoading: false
     });
   }
@@ -174,24 +171,9 @@ export default class RouteVideoSync extends Component {
     return ratio * this.videoLength() + this.startTime();
   }
 
-  nearestFrameUrl() {
-    const { thumbnails } = this.props;
-    if (!this.seekTime) {
-      return '';
-    }
-    for (let i = 0, l = thumbnails.length; i < l; ++i) {
-      if (Math.abs(thumbnails[i].monoTime - this.seekTime) < 5) {
-        const data = btoa(String.fromCharCode(...thumbnails[i].data));
-        return `data:image/jpeg;base64,${data}`;
-      }
-    }
-    return '';
-  }
-
   render() {
     const {
       isLoading,
-      shouldShowJpeg,
       videoElement,
     } = this.state;
     const {
@@ -207,13 +189,6 @@ export default class RouteVideoSync extends Component {
     return (
       <div className="cabana-explorer-visuals-camera">
         {isLoading ? this.loadingOverlay() : null}
-        {shouldShowJpeg ? (
-          <img
-            src={this.nearestFrameUrl()}
-            className={css(Styles.img)}
-            alt={`Camera preview at t = ${Math.round(userSeekTime)}`}
-          />
-        ) : null}
         {this.state.source && <HLS
           className={css(Styles.hls)}
           source={this.state.source}

src/models/can/dbc.js

@@ -621,6 +621,9 @@ export default class DBC {
 
     const signalValuesByName = {};
     Object.values(frame.signals).forEach((signalSpec) => {
+      if (isNaN(signalSpec.startBit)) {
+        return;
+      }
       let value;
       if (signalSpec.size > 32) {
         value = this.valueForInt64Signal(signalSpec, hexData);