Styles for HotJar surveys

kolzchut · Nov 28, 2023 · 6716bc1 · 6716bc1
1 parent 25e34a1
commit 6716bc1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/projects/srm/src/app/page/page.component.less b/projects/srm/src/app/page/page.component.less
@@ -193,8 +193,8 @@
 
         &.visible {
             transform: translateY(0%);
-            background: white;
-            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+            // background: white;
+            // box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
         }
 
         .desktop({
@@ -210,12 +210,12 @@
         ::ng-deep {
             * {
                 pointer-events: all;
-                box-shadow: none !important;
+                // box-shadow: none !important;
                 text-align: right !important;
                 font-family: 'RAG Sans', sans-serif !important;
             }
             ._hj-widget-container {
-                box-shadow: none !important;
+                // box-shadow: none !important;
                 & > * > * {
                     font-family: 'RAG Sans', sans-serif !important;
                     * {

diff --git a/projects/srm/src/styles.less b/projects/srm/src/styles.less
@@ -68,3 +68,18 @@ input[type="search"]::-webkit-search-results-button,
 input[type="search"]::-webkit-search-results-decoration {
   -webkit-appearance:none;
 }
+
+// HotJar style fixes
+._hj-widget-theme-light._hj-widget-container  * {
+    font-family: RAG Sans,sans-serif !important;
+    text-align: right !important;
+}
+
+._hj-widget-theme-light._hj-widget-container  input[type=range] {
+    direction: ltr !important;
+    transform: rotate(180deg);
+}
+
+._hj-widget-theme-light._hj-widget-container  datalist > option {
+    text-align: center !important;
+}