Merge branch 'master' into data-visualization-view-naafi

1 files changed, 16 insertions, 18 deletions

diff --git a/src/client/views/nodes/DocumentLinksButton.scss b/src/client/views/nodes/DocumentLinksButton.scss
index 0f3eb14bc..6da0b73ba 100644
--- a/src/client/views/nodes/DocumentLinksButton.scss
+++ b/src/client/views/nodes/DocumentLinksButton.scss
@@ -1,8 +1,9 @@
-@import "../global/globalCssVariables.scss";
+@import '../global/globalCssVariables.scss';
 
 .documentLinksButton-wrapper {
     transform-origin: top left;
     width: 100%;
+    height: 100%;
 }
 
 .documentLinksButton-menu {
@@ -21,6 +22,16 @@
     position: absolute;
 }
 
+.documentLinksButton-showCount {
+    position: absolute;
+    border-radius: 50%;
+    opacity: 0.9;
+    pointer-events: auto;
+    display: flex;
+    align-items: center;
+    background-color: $light-blue;
+    color: black;
+}
 .documentLinksButton,
 .documentLinksButton-endLink,
 .documentLinksButton-startLink {
@@ -34,6 +45,7 @@
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 10px;
+    transform-origin: top left;
     transition: transform 0.2s;
     text-align: center;
     display: flex;
@@ -46,13 +58,10 @@
         cursor: pointer;
     }
 }
-
 .documentLinksButton {
     background-color: $dark-gray;
     color: $white;
     font-weight: bold;
-    width: 80%;
-    height: 80%;
     font-size: 100%;
     font-family: 'Roboto';
     transition: 0.2s ease all;
@@ -61,31 +70,20 @@
         background-color: $black;
     }
 }
-
 .documentLinksButton.startLink {
     background-color: $medium-blue;
+    width: 75%;
+    height: 75%;
     color: $white;
     font-weight: bold;
-    width: 80%;
-    height: 80%;
     font-size: 100%;
     transition: 0.2s ease all;
-
-    &:hover {
-        background-color: $black;
-    }
 }
 
 .documentLinksButton-endLink {
     border: $medium-blue 2px dashed;
     color: $medium-blue;
     background-color: none !important;
-    width: 80%;
-    height: 80%;
     font-size: 100%;
     transition: 0.2s ease all;
-
-    &:hover {
-        background-color: $light-blue;
-    }
-}
\ No newline at end of file
+}