public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2025-12-13 22:45:56 +00:00
Code Issues Releases Wiki Activity

force-disable headlines smooth scrolling when switching feeds

Browse Source 
enable smooth scrolling for article frame
This commit is contained in:
Andrew Dolgov
2019-12-05 21:48:16 +03:00
parent e40c24f829
commit e1ef122355
8 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
css/default.css
View File

@@ -640,7 +640,6 @@ body.ttrss_main #headlines-frame {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
scroll-behavior: smooth;
} }
body.ttrss_main #headlines-frame div.feed-title { body.ttrss_main #headlines-frame div.feed-title {
border: 0px solid #257aa7; border: 0px solid #257aa7;
@@ -657,6 +656,9 @@ body.ttrss_main #headlines-frame div.feed-title a {
body.ttrss_main #headlines-frame div.feed-title a:hover { body.ttrss_main #headlines-frame div.feed-title a:hover {
color: #257aa7; color: #257aa7;
} }
body.ttrss_main #headlines-frame.smooth-scroll {
scroll-behavior: smooth;
}
body.ttrss_main #toolbar-frame_splitter { body.ttrss_main #toolbar-frame_splitter {
display: none; display: none;
} }
@@ -743,6 +745,7 @@ body.ttrss_main #content-insert {
line-height: 1.5; line-height: 1.5;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
} }
body.ttrss_main img.feed-icon, body.ttrss_main img.feed-icon,
body.ttrss_main img.icon { body.ttrss_main img.icon {

2
css/default.css.map
View File

File diff suppressed because one or more lines are too long

6
css/tt-rss.less
View File

@@ -751,7 +751,6 @@ body.ttrss_main {
-webkit-overflow-scrolling : touch; -webkit-overflow-scrolling : touch;
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
scroll-behavior: smooth;
div.feed-title { div.feed-title {
border: 0px solid @color-link; border: 0px solid @color-link;
@@ -773,6 +772,10 @@ body.ttrss_main {
} }
} }
#headlines-frame.smooth-scroll {
scroll-behavior: smooth;
}
#toolbar-frame_splitter { #toolbar-frame_splitter {
display : none; display : none;
} }
@@ -872,6 +875,7 @@ body.ttrss_main {
line-height: 1.5; line-height: 1.5;
overflow : auto; overflow : auto;
-webkit-overflow-scrolling : touch; -webkit-overflow-scrolling : touch;
scroll-behavior: smooth;
} }
img.feed-icon, img.icon { img.feed-icon, img.icon {

2
js/Headlines.js
View File

@@ -592,7 +592,9 @@ define(["dojo/_base/declare"], function (declare) {
Article.setActive(0); Article.setActive(0);
try { try {
$("headlines-frame").removeClassName("smooth-scroll");
$("headlines-frame").scrollTop = 0; $("headlines-frame").scrollTop = 0;
$("headlines-frame").addClassName("smooth-scroll");
Element.hide("floatingTitle"); Element.hide("floatingTitle");
$("floatingTitle").setAttribute("data-article-id", 0); $("floatingTitle").setAttribute("data-article-id", 0);

5
themes/night.css
View File

@@ -641,7 +641,6 @@ body.ttrss_main #headlines-frame {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
scroll-behavior: smooth;
} }
body.ttrss_main #headlines-frame div.feed-title { body.ttrss_main #headlines-frame div.feed-title {
border: 0px solid #b87d2c; border: 0px solid #b87d2c;
@@ -658,6 +657,9 @@ body.ttrss_main #headlines-frame div.feed-title a {
body.ttrss_main #headlines-frame div.feed-title a:hover { body.ttrss_main #headlines-frame div.feed-title a:hover {
color: #b87d2c; color: #b87d2c;
} }
body.ttrss_main #headlines-frame.smooth-scroll {
scroll-behavior: smooth;
}
body.ttrss_main #toolbar-frame_splitter { body.ttrss_main #toolbar-frame_splitter {
display: none; display: none;
} }
@@ -744,6 +746,7 @@ body.ttrss_main #content-insert {
line-height: 1.5; line-height: 1.5;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
} }
body.ttrss_main img.feed-icon, body.ttrss_main img.feed-icon,
body.ttrss_main img.icon { body.ttrss_main img.icon {

2
themes/night.css.map
View File

File diff suppressed because one or more lines are too long

5
themes/night_blue.css
View File

@@ -641,7 +641,6 @@ body.ttrss_main #headlines-frame {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
scroll-behavior: smooth;
} }
body.ttrss_main #headlines-frame div.feed-title { body.ttrss_main #headlines-frame div.feed-title {
border: 0px solid #257aa7; border: 0px solid #257aa7;
@@ -658,6 +657,9 @@ body.ttrss_main #headlines-frame div.feed-title a {
body.ttrss_main #headlines-frame div.feed-title a:hover { body.ttrss_main #headlines-frame div.feed-title a:hover {
color: #257aa7; color: #257aa7;
} }
body.ttrss_main #headlines-frame.smooth-scroll {
scroll-behavior: smooth;
}
body.ttrss_main #toolbar-frame_splitter { body.ttrss_main #toolbar-frame_splitter {
display: none; display: none;
} }
@@ -744,6 +746,7 @@ body.ttrss_main #content-insert {
line-height: 1.5; line-height: 1.5;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
} }
body.ttrss_main img.feed-icon, body.ttrss_main img.feed-icon,
body.ttrss_main img.icon { body.ttrss_main img.icon {

2
themes/night_blue.css.map
View File

File diff suppressed because one or more lines are too long