tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

KeyframeMarkerItem.js (913B)


      1 /* This Source Code Form is subject to the terms of the Mozilla Public
      2 * License, v. 2.0. If a copy of the MPL was not distributed with this
      3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      4 
      5 "use strict";
      6 
      7 const {
      8  PureComponent,
      9 } = require("resource://devtools/client/shared/vendor/react.mjs");
     10 const dom = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
     11 const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.mjs");
     12 
     13 class KeyframeMarkerItem extends PureComponent {
     14  static get propTypes() {
     15    return {
     16      keyframe: PropTypes.object.isRequired,
     17    };
     18  }
     19 
     20  render() {
     21    const { keyframe } = this.props;
     22 
     23    return dom.li({
     24      className: "keyframe-marker-item",
     25      title: keyframe.value,
     26      style: {
     27        marginInlineStart: `${keyframe.offset * 100}%`,
     28      },
     29    });
     30  }
     31 }
     32 
     33 module.exports = KeyframeMarkerItem;