changes for comment icons

sumitrahinj · Aug 25, 2021 · 0336c88 · 0336c88
1 parent 25edde2
commit 0336c88
Show file tree

Hide file tree

Showing 14 changed files with 37 additions and 33 deletions.
diff --git a/dist/MediaPlayer.js b/dist/MediaPlayer.js
diff --git a/dist/MediaPlayer.js.map b/dist/MediaPlayer.js.map
diff --git a/dist/ProgressBar.js b/dist/ProgressBar.js
diff --git a/dist/ProgressBar.js.map b/dist/ProgressBar.js.map
diff --git a/dist/TimedTextEditor.js b/dist/TimedTextEditor.js
diff --git a/dist/TimedTextEditor.js.map b/dist/TimedTextEditor.js.map
diff --git a/dist/TranscriptEditor.js b/dist/TranscriptEditor.js
diff --git a/dist/TranscriptEditor.js.map b/dist/TranscriptEditor.js.map
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/packages/components/media-player/src/PlayerControls/commentbox.svg b/packages/components/media-player/src/PlayerControls/commentbox.svg
diff --git a/packages/components/media-player/src/ProgressBar.module.scss b/packages/components/media-player/src/ProgressBar.module.scss
@@ -64,16 +64,8 @@ $fit-thumb-in-slider: -7px;
     border: solid 1px transparent;
     border-radius: 1px;
     transform: translateY(-0.8em) rotate(30deg) skewY(30deg) scaleX(0.86603);
-    box-shadow: inset -1px -1px #3a3534;
-    background: linear-gradient(
-        -45deg,
-        #3a3534 20%,
-        #60858a 50%,
-        #3a3534 50%,
-        #3a3534 calc(50% + 1px),
-        rgba(0, 0, 0, 0) calc(50% + 1px)
-      )
-      no-repeat content-box;
+    box-shadow: inset -1px -1px #23a1ff;
+    background: #23a1ff;
     filter: drop-shadow(0 0 #3a3534);
   }
 
@@ -95,16 +87,8 @@ $fit-thumb-in-slider: -7px;
     border: solid 1px transparent;
     border-radius: 1px;
     transform: translateY(-2.2em) rotate(30deg) skewY(30deg) scaleX(0.76603);
-    box-shadow: inset -1px -1px #3a3534;
-    background: linear-gradient(
-        -45deg,
-        #3a3534 20%,
-        #60858a 50%,
-        #3a3534 50%,
-        #3a3534 calc(50% + 1px),
-        rgba(0, 0, 0, 0) calc(50% + 1px)
-      )
-      no-repeat content-box;
+    box-shadow: inset -1px -1px #23a1ff;
+    background: #23a1ff;
     filter: drop-shadow(0 0 #3a3534);
   }
 }
diff --git a/packages/components/timed-text-editor/WrapperBlock.js b/packages/components/timed-text-editor/WrapperBlock.js
@@ -210,6 +210,20 @@ class WrapperBlock extends React.Component {
     return (
       <div className="mainwrapperBlock">
         <div className={style.WrapperBlock}>
+          <div className="chaticon">
+            <svg
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M21.6 0H2.4C1.0764 0 0 1.0764 0 2.4V24L4.8 19.2H21.6C22.9236 19.2 24 18.1236 24 16.8V2.4C24 1.0764 22.9236 0 21.6 0ZM14.4 13.2H6V10.8H14.4V13.2ZM18 8.4H6V6H18V8.4Z"
+                fill="#495057"
+              />
+            </svg>
+          </div>
           <div
             className={[style.markers, style.unselectable].join(" ")}
             contentEditable={false}

diff --git a/packages/components/timed-text-editor/commentbox.svg b/packages/components/timed-text-editor/commentbox.svg