diff --git a/app/dashboard/templates/onepager/send2.html b/app/dashboard/templates/onepager/send2.html index 3df42f0f65c..9c9d4ebf75d 100644 --- a/app/dashboard/templates/onepager/send2.html +++ b/app/dashboard/templates/onepager/send2.html @@ -30,6 +30,19 @@ + {% endblock %} {% block 'main' %} @@ -63,6 +76,68 @@ .terms { margin-top: 0.75rem; } + + .recent-tips { + color: var(--gc-dark-grey); + text-align: left; + } + .recent-tips .label { + float: left; + width: 15%; + line-height: 1.2; + } + .recent-tips ul { + list-style: none; + } + .recent-tips-list img { + max-width: 40px; + border-radius: 50%; + padding: 2px; + } + .recent-tips-list img:hover { + box-shadow: 0 0 0 2px var(--gc-green-hover); + cursor: pointer; + } + .recent-tips-list img.active { + box-shadow: 0 0 0 2px var(--gc-blue); + } + .recent-tips-list a:hover { + text-decoration: none; + } + + .user-tooltip { + position: relative; + display: inline-block; + } + .user-tooltip .user-tooltip-text { + visibility: hidden; + + background-color: #ffffff; + border: 1px solid var(--gc-dark-grey); + border-radius: 2px; + padding: 3px; + + top: 100%; + left:50%; + transform:translateX(-50%); + + text-align: center; + width: max-content; + position: absolute; + z-index: 1; + margin-top: 5px; + + opacity: 0; + transition: all 0.3s; + } + .user-tooltip:hover .user-tooltip-text { + visibility: visible; + opacity: 1; + } + .user-tooltip .user-tooltip-text a { + color: var(--gc-dark-grey) !important; + } +