Merge pull request #18 from GleapSDK/capturewidget

Capturewidget

demo/appwidget.css

@@ -1,3 +1,10 @@
+* {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 0px;
+  border: none;
+}
+
 .bb-feedback-dialog-backdrop {
   display: none !important;
 }
@@ -13,7 +20,8 @@
 .bb-feedback-dialog {
   position: initial;
   animation-name: none;
-  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
+  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
+  width: calc(100% - 20px);
 }
 
 .bb-feedback-dialog-header-close {
@@ -45,7 +53,7 @@
 }
 
 .bb-feedback-dialog-header-next span {
-  font-family: 'Inter', sans-serif;
+  font-family: "Inter", sans-serif;
   font-weight: 600;
   font-size: 16px;
   color: #192027;
@@ -92,6 +100,7 @@
 
 .bb-drawing-tools {
   display: flex;
+  align-items: center;
 }
 
 .bb-drawing-tool-item {
@@ -119,35 +128,26 @@
   cursor: pointer;
 }
 
+.bb-drawing-tool-action svg {
+  width: 32px;
+  height: 32px;
+  object-fit: contain;
+}
+
 .bb-drawing-tool-action--disabled {
   opacity: 0.2;
   cursor: not-allowed;
 }
 
 .bb-drawing-tool-spacer {
-  background-color: #ddd;
   width: 1px;
-  height: 44px;
+  height: 32px;
   margin: 0px 10px;
 }
 
-.bb-drawing-tool-item--active {
-  background-color: #398cfe;
-}
-
-.bb-drawing-tool-item svg,
-.bb-drawing-tool-item svg g {
-  fill: #192027;
-}
-
-.bb-drawing-tool-item--active svg,
-.bb-drawing-tool-item--active svg g {
-  fill: #fff;
-}
-
 .bb-drawing-tool-item svg {
-  width: 100%;
-  height: 100%;
+  width: 32px;
+  height: 32px;
   object-fit: contain;
 }
 
@@ -196,3 +196,9 @@
     width: 100%;
   }
 }
+
+.bb-anim-fadein {
+  animation-duration: 0s !important;
+  animation-fill-mode: both !important;
+  animation-name: none !important;
+}