diff --git a/app/views/v6/company-details.html b/app/views/v6/company-details.html index d4ffd2b..1f7898d 100644 --- a/app/views/v6/company-details.html +++ b/app/views/v6/company-details.html @@ -62,7 +62,16 @@

Current claims

Claim ID Claim amount - Claim due date + +
Claim due date + The date by which the claim is due to be paid +
+ + + + + + diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 572105a..7a95335 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -7,6 +7,41 @@ text-decoration-thickness: max(1px, .0625rem); text-underline-offset: 0.1em; } +.tooltip { + position: relative; + display: inline-block; + border-bottom: 1px dotted black; +} + +.tooltip .tooltiptext { + visibility: hidden; + width: 200px; + background-color: black; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px 0; + position: absolute; + z-index: 1; + bottom: 150%; + left: 20%; + margin-left: -60px; +} + +.tooltip .tooltiptext::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: black transparent transparent transparent; +} + +.tooltip:hover .tooltiptext { + visibility: visible; +} /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; @@ -15049,4 +15084,4 @@ p, .govuk-body, .movement-slip__summary__row, .govuk-body-m { .float-right { float: right; -} \ No newline at end of file +}