diff --git a/javascript/pages/user.js b/javascript/pages/user.js index 202de54..7604fc6 100644 --- a/javascript/pages/user.js +++ b/javascript/pages/user.js @@ -210,5 +210,5 @@ function SorttUserRates(resource) { * @returns Возваращет готовый html картки аниме */ function GenerateCardHtml(response, score) { - return `
${response.russian}
${score > 0 ? `
${score}
` : ""}
${new Date(response.aired_on).getFullYear()}
${response.score}
`; + return `
${response.russian}
${score > 0 ? `
${score}
` : ""}
${new Date(response.aired_on).getFullYear()}
${response.score}
`; } \ No newline at end of file diff --git a/javascript/pages/watch/mod_download.js b/javascript/pages/watch/mod_download.js index 93c65c1..dc735d8 100644 --- a/javascript/pages/watch/mod_download.js +++ b/javascript/pages/watch/mod_download.js @@ -337,7 +337,7 @@ const WindowDownload = { }); $('.bar-download > .window-close').on('click', function () { - _windowDownload.hide(); + WindowDownload.hide(); }); }, @@ -350,10 +350,12 @@ const WindowDownload = { _data.name = data.title_orig; _data.link = data.link; _data.translation = data.translation.title; + $("body").addClass("loading"); }, hide: function () { - + _windowDownload.hide(); + $("body").removeClass("loading"); }, verif: function () { diff --git a/style/_cards.scss b/style/_cards.scss index 8a3fb25..6791c9a 100644 --- a/style/_cards.scss +++ b/style/_cards.scss @@ -62,9 +62,14 @@ justify-content: center; align-items: center; gap: 3px; - color: #FFFFFF; + color: #fff; font-family: 'Nova Square'; font-size: 12px; + z-index: 5; + svg{ + fill: #fff; + display: none; + } } } diff --git a/style/_windowed.scss b/style/_windowed.scss index c1a97df..128a365 100644 --- a/style/_windowed.scss +++ b/style/_windowed.scss @@ -59,6 +59,7 @@ left: 0; bottom: 0; flex-direction: column; + overscroll-behavior: contain; overflow-y: auto; transition: .3s ease-in-out; transform: translateX(100%); diff --git a/style/css/index.css b/style/css/index.css index 203e9f1..ac1c7e2 100644 --- a/style/css/index.css +++ b/style/css/index.css @@ -1027,9 +1027,14 @@ body.menuver[data-orientation="90"] .interactive-menu .user-interactive .triangl justify-content: center; align-items: center; gap: 3px; - color: #FFFFFF; + color: #fff; font-family: "Nova Square"; font-size: 12px; + z-index: 5; +} +.card-anime .card-content .my-score svg { + fill: #fff; + display: none; } .card-anime .card-information { margin-top: 10px; @@ -1142,6 +1147,7 @@ body.menuver[data-orientation="90"] .interactive-menu .user-interactive .triangl left: 0; bottom: 0; flex-direction: column; + overscroll-behavior: contain; overflow-y: auto; transition: 0.3s ease-in-out; transform: translateX(100%); @@ -1293,6 +1299,7 @@ body.menuver[data-orientation="90"] .interactive-menu .user-interactive .triangl .content-notify .content-wraper { grid-template-rows: auto 1fr; + overscroll-behavior: contain; gap: 10px; } .content-notify .content-wraper .title-content { diff --git a/style/css/list.css b/style/css/list.css index 2e9679a..56d80ed 100644 --- a/style/css/list.css +++ b/style/css/list.css @@ -496,9 +496,14 @@ body.menuver[data-orientation="90"] .interactive-menu .user-interactive .triangl justify-content: center; align-items: center; gap: 3px; - color: #FFFFFF; + color: #fff; font-family: "Nova Square"; font-size: 12px; + z-index: 5; +} +.card-anime .card-content .my-score svg { + fill: #fff; + display: none; } .card-anime .card-information { margin-top: 10px; diff --git a/style/css/search.css b/style/css/search.css index 9a0d6a9..c10527c 100644 --- a/style/css/search.css +++ b/style/css/search.css @@ -1,3 +1,7 @@ +html, body { + scrollbar-gutter: stable; +} + body { background: #101318; -webkit-text-size-adjust: none; @@ -782,9 +786,14 @@ body.menuver[data-orientation="90"] .interactive-menu .user-interactive .triangl justify-content: center; align-items: center; gap: 3px; - color: #FFFFFF; + color: #fff; font-family: "Nova Square"; font-size: 12px; + z-index: 5; +} +.card-anime .card-content .my-score svg { + fill: #fff; + display: none; } .card-anime .card-information { margin-top: 10px; @@ -897,6 +906,7 @@ body.menuver[data-orientation="90"] .interactive-menu .user-interactive .triangl left: 0; bottom: 0; flex-direction: column; + overscroll-behavior: contain; overflow-y: auto; transition: 0.3s ease-in-out; transform: translateX(100%); diff --git a/style/css/settings.css b/style/css/settings.css index 010f76a..c07851d 100644 --- a/style/css/settings.css +++ b/style/css/settings.css @@ -638,6 +638,7 @@ body.menuver[data-orientation="90"] .interactive-menu .user-interactive .triangl left: 0; bottom: 0; flex-direction: column; + overscroll-behavior: contain; overflow-y: auto; transition: 0.3s ease-in-out; transform: translateX(100%); diff --git a/style/css/user.css b/style/css/user.css index 7b4439d..3d3d594 100644 --- a/style/css/user.css +++ b/style/css/user.css @@ -680,9 +680,14 @@ body.menuver[data-orientation="90"] .interactive-menu .user-interactive .triangl justify-content: center; align-items: center; gap: 3px; - color: #FFFFFF; + color: #fff; font-family: "Nova Square"; font-size: 12px; + z-index: 5; +} +.card-anime .card-content .my-score svg { + fill: #fff; + display: none; } .card-anime .card-information { margin-top: 10px; diff --git a/style/css/watch.css b/style/css/watch.css index 85e9840..4d8e96f 100644 --- a/style/css/watch.css +++ b/style/css/watch.css @@ -1,4 +1,8 @@ @charset "UTF-8"; +html, body { + scrollbar-gutter: stable; +} + body { background: #101318; overflow-x: hidden; @@ -931,9 +935,14 @@ footer .studio span { justify-content: center; align-items: center; gap: 3px; - color: #FFFFFF; + color: #fff; font-family: "Nova Square"; font-size: 12px; + z-index: 5; +} +.card-anime .card-content .my-score svg { + fill: #fff; + display: none; } .card-anime .card-information { margin-top: 10px; @@ -1046,6 +1055,7 @@ footer .studio span { left: 0; bottom: 0; flex-direction: column; + overscroll-behavior: contain; overflow-y: auto; transition: 0.3s ease-in-out; transform: translateX(100%); @@ -1102,6 +1112,7 @@ footer .studio span { .window-translation .window-content { max-height: calc(100vh - env(safe-area-inset-top)); overflow-y: hidden; + overscroll-behavior: contain; } .window-translation .window-content .content-wraper { display: grid; diff --git a/style/search.scss b/style/search.scss index d26247a..2586f5b 100644 --- a/style/search.scss +++ b/style/search.scss @@ -1,5 +1,9 @@ $bg: #101318; +html, body{ + scrollbar-gutter: stable; + } + body { background: $bg; -webkit-text-size-adjust: none; diff --git a/style/watch.scss b/style/watch.scss index cb5eb4d..d9a2911 100644 --- a/style/watch.scss +++ b/style/watch.scss @@ -1,5 +1,9 @@ $bg: #101318; +html, body{ + scrollbar-gutter: stable; +} + body { background: $bg; overflow-x: hidden; diff --git a/style/window/_notify.scss b/style/window/_notify.scss index c173658..0dfc140 100644 --- a/style/window/_notify.scss +++ b/style/window/_notify.scss @@ -1,6 +1,7 @@ .content-notify { .content-wraper { grid-template-rows: auto 1fr; + overscroll-behavior: contain; gap: 10px; .title-content { diff --git a/style/window/_translation.scss b/style/window/_translation.scss index b222f3c..1635203 100644 --- a/style/window/_translation.scss +++ b/style/window/_translation.scss @@ -2,6 +2,7 @@ .window-content { max-height: calc(100vh - env(safe-area-inset-top)); overflow-y: hidden; + overscroll-behavior: contain; .content-wraper { display: grid; diff --git a/sw.js b/sw.js index a9383c6..cc6a4b0 100644 --- a/sw.js +++ b/sw.js @@ -1,4 +1,4 @@ -var version = '117'; +var version = '118'; var cacheName = 'pwa-tunime-v' + version; var appShellFilesToCache = [ // Директория: /images/icons