diff --git a/src/components/Tooltip.vue b/src/components/Tooltip.vue index 1dbb126..b9bcd2e 100644 --- a/src/components/Tooltip.vue +++ b/src/components/Tooltip.vue @@ -7,74 +7,76 @@
{{content.featureId}}
- - - {{content.paths}} -
-
- Origin - - - - Origin {{originDescription}} - - +
+ + + {{content.paths}} +
+
+ Origin + + + + Origin {{originDescription}} + + +
+
+ {{ capitalise(origin) }} +
+ + Explore origin data +
-
- {{ capitalise(origin) }} +
+
Components
+
+ {{ capitalise(component) }} +
- - Explore origin data - -
-
-
Components
-
- {{ capitalise(component) }} -
-
-
-
- Destination - - - - Destination is where the axons terminate - - -
-
- {{ capitalise(destination) }} +
+
+ Destination + + + + Destination is where the axons terminate + + +
+
+ {{ capitalise(destination) }} +
+ + Explore destination data +
- - Explore destination data + + + + Search for data on components -
- - - Search for data on components - - - - - - Open publications in pubmed - + + + + Open publications in pubmed + +
@@ -486,6 +488,29 @@ export default { } } +.content-container { + overflow-y: scroll; + scrollbar-width: thin !important; + height: 200px; +} + +.scrollbar::-webkit-scrollbar-track { + border-radius: 10px; + background-color: #f5f5f5; +} + +.scrollbar::-webkit-scrollbar { + width: 12px; + right: -12px; + background-color: #f5f5f5; +} + +.scrollbar::-webkit-scrollbar-thumb { + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); + background-color: #979797; +} + /* Fix for chrome bug where under triangle pops up above one on top of it */ .selector:not(*:root), .tooltip-container::after{