fix: same styling as sense

qlik-oss · Mar 11, 2020 · 574005c · 574005c
1 parent 3c3d490
commit 574005c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/styles/home-button.less b/src/styles/home-button.less
@@ -7,7 +7,12 @@
     width: 20px;
     border-color: transparent;
     background-color: transparent;
-    fill: #666666;
+    fill: rgba(89, 89, 89, 0.8);
+    transition: fill 200ms ease-out;
+
+    &:hover {
+      fill: #595959;
+    }
 
     &.disabled {
       display: none;

diff --git a/src/tree/render.js b/src/tree/render.js
@@ -140,7 +140,7 @@ export const createContainer = ({
       createContainer({ element, dataTree, selectionObj, wrapperState, setInitialZoom, setTransform, setExpandedState, viewState, setContainerData });
     })
     .html(`<span class="lui-fade-button__icon sn-org-home-icon">
-            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 16 16">
               <defs>
                 <path id="home-a" d="M2,7.9 L8,3.4 L14,7.9 L14,16 L12,16 L12,11.2 C12,11.0895431 11.9104569,11 11.8,11 L9.2,11 C9.08954305,11 9,11.0895431 9,11.2 L9,16 L2,16 L2,7.9 Z M7,13.8 L7,11.2 C7,11.0895431 6.91045695,11 6.8,11 L4.2,11 C4.08954305,11 4,11.0895431 4,11.2 L4,13.8 C4,13.9104569 4.08954305,14 4.2,14 L6.8,14 C6.91045695,14 7,13.9104569 7,13.8 Z M13,4.1 L16,6.5 L15,7.5 L8,2 L1,7.5 L0,6.5 L8,0 L11,2.4 L11,1 L13,1 L13,4.1 Z"/>
               </defs>