diff --git a/data/web/fragment.com/about.html b/data/web/fragment.com/about.html
index 863e12ce7d..7a8888194e 100644
--- a/data/web/fragment.com/about.html
+++ b/data/web/fragment.com/about.html
@@ -15,7 +15,7 @@
-
+
@@ -40,7 +40,7 @@
-
+
diff --git a/data/web/fragment.com/css/auction.css b/data/web/fragment.com/css/auction.css
index afd9ce6cdf..0ce9e2d41d 100644
--- a/data/web/fragment.com/css/auction.css
+++ b/data/web/fragment.com/css/auction.css
@@ -57,6 +57,9 @@
--inactive-color: #354352;
--footer-bg-color: #111417;
--footer-color: #6d8394;
+ --footer-bg-color: #111417;
+ --tooltip-bg-color: #2d3c4c;
+ --tooltip-color: #fff;
}
body {
@@ -1330,6 +1333,44 @@ a.tm-menu-link:focus {
a.tm-wallet:hover {
text-decoration: none;
}
+.tm-wallet .current-icon {
+ width: 15px;
+ height: 16px;
+ flex-shrink: 0;
+ background-image: var(--image-url-wallet-icon);
+ margin-right: 5px;
+ position: relative;
+}
+.tm-wallet .current-icon:before,
+.tm-wallet .current-icon:after {
+ position: absolute;
+ content: '';
+ display: inline-block;
+ vertical-align: top;
+ pointer-events: none;
+ left: 50%;
+ bottom: 100%;
+ transition: transform var(--def-transition), opacity var(--def-transition), visibility var(--def-transition);
+ transform: translate(-50%, -5px);
+ visibility: hidden;
+ opacity: 0;
+}
+.tm-wallet .current-icon:before {
+ content: attr(data-tooltip);
+ font-size: 14px;
+ line-height: 17px;
+ padding: 7px 10px;
+ background-color: var(--tooltip-bg-color);
+ border-radius: var(--def-border-radius);
+ color: var(--tooltip-color);
+ margin: 9px 0;
+}
+.tm-wallet .current-icon:after {
+ width: 15px;
+ height: 6px;
+ background-image: var(--image-url-tooltip-bottom);
+ margin: 3px 0;
+}
.tm-wallet .head,
.tm-wallet .tail {
display: inline-flex;
@@ -2248,6 +2289,18 @@ a.tm-wallet:hover .tail {
margin-right: -4px;
}
+ .tm-wallet .current-icon {
+ width: 18px;
+ height: 19px;
+ }
+ .current-icon:hover:before,
+ .current-icon:hover:after {
+ transition-delay: .3s;
+ transform: translate(-50%, 0);
+ visibility: visible;
+ opacity: 1;
+ }
+
.tm-unavailable {
padding: 36px 42px;
}
@@ -2640,6 +2693,10 @@ a.tm-wallet:hover .tail {
--image-url-ton-text-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.68%205h10.63c.22%200%20.4.18.4.41%200%20.07-.01.14-.05.2l-5.04%209.08c-.22.4-.72.54-1.11.32-.14-.08-.25-.19-.32-.33l-4.87-9.08c-.1-.2-.03-.45.17-.55.06-.03.12-.05.19-.05zm5.32%209.78v-9.78z%22%20fill%3D%22none%22%20stroke%3D%22%238c9aa9%22%20stroke-width%3D%221.39%22%2F%3E%3C%2Fsvg%3E');
+ --image-url-wallet-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m12.5%2011c.39%200%20.74-.15%201.04-.46.31-.3.46-.66.46-1.06%200-.39-.15-.74-.46-1.03-.3-.3-.65-.45-1.04-.45s-.74.15-1.04.45c-.31.29-.46.64-.46%201.03%200%20.4.15.76.46%201.06.3.31.65.46%201.04.46zm-2.45%202.5c-.47%200-.85-.24-1.13-.52s-.42-.65-.42-1.1v-4.73c0-.48.14-.85.42-1.12s.66-.53%201.13-.53h5.39c.48%200%20.86.26%201.14.53s.42.64.42%201.12v4.73c0%20.45-.14.82-.42%201.1s-.66.52-1.14.52zm-9.05%201v-10c0-1.38%201.12-2.5%202.5-2.5h11.38c.33%200%20.63.13.88.39.25.25.38.54.38.86v.75h-6.35c-.81%200-1.49.64-2.02%201.17-.53.52-.77%201.18-.77%201.98v4.73c0%20.79.24%201.45.77%201.97.53.53%201.21%201.15%202.02%201.15h6.35v.75c0%20.33-.13.63-.38.88s-.55.37-.88.37h-11.38c-1.38%200-2.5-1.12-2.5-2.5z%22%20fill%3D%22%234cb0fd%22%2F%3E%3C%2Fsvg%3E');
+
+ --image-url-tooltip-bottom: url('data:image/svg+xml,%3Csvg%20height%3D%226%22%20viewBox%3D%220%200%2015%206%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h15c-.22%200-.47.1-.66.29l-4.71%204.64c-1.17%201.15-3.05%201.15-4.21%200l-4.72-4.64c-.19-.19-.44-.29-.7-.29z%22%20fill%3D%22%232d3c4c%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
+
--image-url-row-arrow: url('data:image/svg+xml,%3Csvg%20height%3D%2217%22%20viewBox%3D%220%200%2011%2017%22%20width%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3%2014%205.15-5.11c.19-.2.19-.52%200-.71l-5.15-5.18%22%20fill%3D%22none%22%20stroke%3D%22%235b6975%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
--list-item-selected-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20width%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6%2013.44%204.3%204.3c.2.2.52.2.71%200l8.74-8.74%22%20fill%3D%22none%22%20stroke%3D%22%234db2ff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fsvg%3E');