Merge pull request #523 from datosgobar/493-bugs-graphic-documentacion

493 - Bugs de Graphic documentacion
datosgobar · Oct 7, 2019 · ac76564 · ac76564
2 parents b72650c + 32d40b2
commit ac76564
Showing 1 changed file with 92 additions and 5 deletions.
diff --git a/public/assets/css/components.css b/public/assets/css/components.css
@@ -37,16 +37,103 @@
   font-size: 13px;
 }
 
-/* tooltip overlaps other elements */
-.highcharts-container, svg:not(:root) {
+/* Tooltip styles for iframing or third-party pages */
+
+div.highcharts-tooltip-box span table {
+  border-radius: 0 !important;
+  border-collapse: collapse;
+  background-color: rgba(0, 0, 0, 0);
+  box-shadow: none !important;
+  display: table !important;
+  font-feature-settings: normal;
+  font-size: 13px !important;
+  line-height: 15px;
+  max-width: none !important;
   overflow: visible !important;
+  text-align: start;
+  white-space: normal;
 }
 
-/* show tooltip over other elements. Without this, tooltip has full transparency */
-.highcharts-container:hover {
+div.highcharts-tooltip-box:hover {
   z-index: 99 !important;
 }
 
+div.highcharts-tooltip-box span br {
+	font-feature-settings: normal;
+	margin-top: 0 !important;
+}
+
+div.highcharts-tooltip-box span table tbody {
+  border-collapse: collapse;
+  display: table-row-group;
+  font-feature-settings: normal;
+  font-size: 13px;
+  line-height: 15px;
+  max-width: none;
+  text-align: start;
+  white-space: normal;
+}
+
+div.highcharts-tooltip-box span table tbody tr {
+  background-color: transparent;
+  border-collapse: collapse;
+  font-feature-settings: normal;
+  font-size: 13px;
+  line-height: 15px;
+  text-align: start;
+  transition-duration: 0s !important;
+  transition-property: all !important;
+  white-space: normal;
+}
+
+div.highcharts-tooltip-box span table tbody tr td {
+  border-collapse: collapse;
+  border-top-width: medium !important;
+  font-feature-settings: normal;
+  font-size: 13px;
+  font-weight: 400 !important;
+  line-height: 15px;
+  padding: 0 !important;
+  text-align: start !important;
+  white-space: normal;
+}
+
+div.highcharts-tooltip-box span table tbody tr td div.tooltip-content {
+  border-collapse: collapse;
+  font-feature-settings: normal;
+  font-size: 13px;
+  font-weight: 400;
+  max-height: 30px;
+  line-height: 15px;
+  text-align: start;
+  white-space: normal !important;
+}
+
+div.highcharts-tooltip-box span table tbody tr td div.tooltip-content span {
+  border-collapse: collapse;
+  font-feature-settings: normal;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 15px;
+  text-align: start;
+  white-space: normal;
+}
+
+div.highcharts-tooltip-box span table tbody tr td span.tooltip-value {
+  border-collapse: collapse;
+  font-feature-settings: normal;
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 15px;
+  text-align: right;
+  white-space: normal;
+}
+
+/* tooltip overlaps other elements */
+.highcharts-container, svg:not(:root) {
+  overflow: visible !important;
+}
+
 .highcharts-subtitle {
   width: 70% !important;
   white-space: pre-wrap !important;
@@ -630,4 +717,4 @@ main a[href^="https://"][target^="_blank"]::after {
   color: #0072BB;
 }
 
-/*---Fin Iconos---*/
+/*---Fin Iconos---*/