From d9c93ebfdb860878609c6a59ef4df99f8f93643f Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 2 Nov 2014 20:58:46 +0300 Subject: tweak notifications; use css animations for notifications --- css/tt-rss.css | 30 +++++++++++++++++++++--------- 1 file changed, 21 insertions(+), 9 deletions(-) (limited to 'css/tt-rss.css') diff --git a/css/tt-rss.css b/css/tt-rss.css index d732c13ba..d5737989a 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -138,18 +138,30 @@ a:hover { position : absolute; } +#notify.visible { + transform: translate(0, -35px); + -webkit-transform: translate(0, -35px); + -o-transform: translate(0, -35px); + -moz-transform: translate(0, -35px); + + transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; +} + #notify { - bottom : 10px; - right : 20px; - border-width : 1px; + bottom : -35px; + right : 0px; + height : 20px; + left : 0px; + border-width : 1px 0px 0px 0px; border-style : solid; position : absolute; font-size : 12px; z-index : 99; - max-width : 200px; - min-width : 100px; padding : 5px; - -width : 200px; + box-shadow : 0px -2px 2px rgba(0,0,0,0.1); } #notify img { @@ -176,17 +188,17 @@ a:hover { background-color : #fff7d5; } -.notify.progress { +.notify.notify_progress { border-color : #d7c47a; background-color : #fff7d5; } -.notify.info { +.notify.notify_info { border-color : #88b0f0; background-color : #ecf4ff; } -.notify.error { +.notify.notify_error { background-color : #ffcccc; border-color : #ff0000; } -- cgit v1.2.3 From 2f43089de1ead3f164b8b31967d1abbb784319fa Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 3 Nov 2014 10:54:54 +0300 Subject: body: disable overflow --- css/tt-rss.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css/tt-rss.css') diff --git a/css/tt-rss.css b/css/tt-rss.css index d5737989a..8d692cfa5 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -7,6 +7,10 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { font-size: 14px; } +body#ttrssMain { + overflow : hidden; +} + div.postReply { padding : 0px; } -- cgit v1.2.3 From 343eb770960a5922642e14b5db4da912116a5005 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 5 Nov 2014 09:18:41 +0300 Subject: use position:fixed for notify --- css/tt-rss.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'css/tt-rss.css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 8d692cfa5..ca0284a66 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -9,6 +9,7 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { body#ttrssMain { overflow : hidden; + max-height : 100%; } div.postReply { @@ -161,7 +162,7 @@ a:hover { left : 0px; border-width : 1px 0px 0px 0px; border-style : solid; - position : absolute; + position : fixed; font-size : 12px; z-index : 99; padding : 5px; -- cgit v1.2.3 From 0d41fd76d3be37903ee405e03cc7bd2e444c7e91 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Sun, 9 Nov 2014 20:31:29 +0300 Subject: notify fixes --- css/tt-rss.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'css/tt-rss.css') diff --git a/css/tt-rss.css b/css/tt-rss.css index ca0284a66..48f02f924 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -148,11 +148,6 @@ a:hover { -webkit-transform: translate(0, -35px); -o-transform: translate(0, -35px); -moz-transform: translate(0, -35px); - - transition: all 0.5s ease-in-out; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; } #notify { @@ -167,6 +162,11 @@ a:hover { z-index : 99; padding : 5px; box-shadow : 0px -2px 2px rgba(0,0,0,0.1); + + transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; } #notify img { -- cgit v1.2.3 From bd076268264c2b57d9fb26baf818b7524d7306f9 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 5 Dec 2014 00:29:54 +0300 Subject: tweak selected feed display a bit --- css/tt-rss.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'css/tt-rss.css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 48f02f924..3db8dc1d5 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -813,7 +813,7 @@ div.fatalError textarea { #feeds-holder { padding : 0px; - border-width : 0px 1px 0px 0px; + border-width : 0px 0px 0px 0px; border-style : solid; border-color : #ddd; overflow : hidden; -- cgit v1.2.3 From f52879fed516925a1cc026401671bcb083880e13 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 19 Jan 2015 15:46:15 +0300 Subject: trgm: add basic related stories dialog --- css/tt-rss.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css/tt-rss.css') diff --git a/css/tt-rss.css b/css/tt-rss.css index 3db8dc1d5..693541a7c 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -341,6 +341,10 @@ div.prefHelp { color : #555; } +.small { + font-size : 11px; +} + #main-toolbar > * { white-space : nowrap; display : table-cell; -- cgit v1.2.3