diff --git a/data/web/fragment.com/about.html b/data/web/fragment.com/about.html
index 8de719de03..283ff6adf3 100644
--- a/data/web/fragment.com/about.html
+++ b/data/web/fragment.com/about.html
@@ -15,7 +15,7 @@
-
+
@@ -38,9 +38,9 @@
-
+
-
+
diff --git a/data/web/fragment.com/css/auction.css b/data/web/fragment.com/css/auction.css
index 59ddbfe708..eb05ac6e45 100644
--- a/data/web/fragment.com/css/auction.css
+++ b/data/web/fragment.com/css/auction.css
@@ -1133,11 +1133,14 @@ a.tm-menu-link:focus {
.icon-ton:empty:before {
display: none;
}
+.icon-ton-text {
+ white-space: nowrap;
+}
.icon-ton-text:before {
--icon-height: var(--line-height, 20px);
width: calc(0.8 * var(--icon-height));
height: var(--icon-height);
- margin-right: calc(0.15 * var(--icon-height));
+ margin-right: calc(0.05 * var(--icon-height));
background-image: var(--image-url-ton-text-icon);
}
.btn .icon-ton:before,
@@ -1451,6 +1454,13 @@ a.tm-menu-link:focus {
border-radius: 4px;
white-space: nowrap;
}
+.tm-table .table-cell-desc-cols {
+ display: flex;
+}
+.tm-table .table-cell-desc-cols .table-cell-desc-col + .table-cell-desc-col:before {
+ content: '\2022';
+ margin: 0 5px;
+}
.tm-table .table-cell-value {
color: #fff;
}
@@ -2045,6 +2055,16 @@ a.tm-table-action-link:hover {
.tm-number-code-button {
margin-top: 24px;
}
+.tm-number-code-button-desc {
+ --line-height: 19px;
+ font-size: 13px;
+ line-height: var(--line-height);
+ padding: 12px 5px 0;
+ text-align: center;
+}
+.tm-number-code-button-desc:empty {
+ display: none;
+}
.tm-number-code-spoiler b.point {
position: absolute;
display: inline-block;
diff --git a/data/web/fragment.com/js/auction.js b/data/web/fragment.com/js/auction.js
index 8850e30b4f..6944a43257 100644
--- a/data/web/fragment.com/js/auction.js
+++ b/data/web/fragment.com/js/auction.js
@@ -63,6 +63,9 @@ var Main = {
var date = new Date(datetime);
var cur_date = new Date();
var time_left = Math.floor((date - cur_date) / 1000);
+ if (mode == 'ago-text') {
+ time_left = -time_left;
+ }
var ended = time_left < 0;
if (time_left < 0) time_left = 0;
var days = Math.floor(time_left / 86400);
@@ -98,8 +101,11 @@ var Main = {
if (!days && !hours && (mode == 'text' || !minutes)) {
arr.push(l('{n:# seconds|# second|# seconds}', {n: seconds}));
}
- arr = arr.slice(0, mode == 'text' ? 3 : 2);
- $time.html(arr.join(' '));
+ arr = arr.slice(0, mode == 'short-text' ? 2 : (mode == 'ago-text' ? 1 : 3));
+ var text = arr.join(' ');
+ if (text != $time.text()) {
+ $time.text(text);
+ }
}
$(this).closest('.js-timer-wrap').toggleClass('ended', ended);
} else {