diff --git a/app/assets/sass/uswds/_data-visualization.scss b/app/assets/sass/uswds/_data-visualization.scss index e479334a3..af7782132 100644 --- a/app/assets/sass/uswds/_data-visualization.scss +++ b/app/assets/sass/uswds/_data-visualization.scss @@ -60,16 +60,16 @@ $failed: color('gray-cool-20'); } } -.usa-tooltip { - line-height: 1; - .usa-tooltip__body { - width: units(mobile); - font-size: size("body", 2); - height: auto; - white-space: wrap; - line-height: units(1); - } -} +// .usa-tooltip { +// line-height: 1; +// .usa-tooltip__body { +// width: units(mobile); +// font-size: size("body", 2); +// height: auto; +// white-space: wrap; +// line-height: units(1); +// } +// } .progress-bar { width: 300px; diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index 0bb1aab7e..c4e850839 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -552,6 +552,24 @@ td.table-empty-message { max-width: 100%; } +.usa-tooltip { + &__information { + background: color('ink'); + margin-top: 4px; + color: white; + border-radius: 50%; + height: units(3); + width: units(3); + border: 1px solid color('ink'); + } + .usa-tooltip__body { + min-width: units('card-lg'); + max-width: units('mobile'); + white-space: normal; + word-wrap: break-word; + } +} + // Tabs .tabs { diff --git a/app/templates/views/dashboard/dashboard.html b/app/templates/views/dashboard/dashboard.html index 04abe1afc..50786f7cc 100644 --- a/app/templates/views/dashboard/dashboard.html +++ b/app/templates/views/dashboard/dashboard.html @@ -27,7 +27,18 @@

{{ current_service.nam {{ ajax_block(partials, updates_url, 'inbox') }}
-

Total messages

+
+

Total messages

+ +