From ef6d2b8a4efe2a0114e6c7c02d6522b358646c8c Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 5 Mar 2019 20:09:06 +0300 Subject: update notifications to make them more visible cleanup some minor stuff in pref-users --- css/tt-rss.less | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) (limited to 'css/tt-rss.less') diff --git a/css/tt-rss.less b/css/tt-rss.less index 6bf009997..d6c382dc3 100755 --- a/css/tt-rss.less +++ b/css/tt-rss.less @@ -142,26 +142,25 @@ body.ttrss_main { } #notify.visible { - transform: translate(0, -45px); + opacity: 100; } #notify { - bottom : -45px; - right : 0px; - height : 30px; - left : 0px; - border-width : 1px 0px 0px 0px; + bottom : 20px; + right : 20px; + min-width : 200px; + max-width : 350px; + border-width : 1px; border-style : solid; position : fixed; - font-size : 13px; + font-size : 14px; z-index : 99; display : flex; + opacity: 0; align-items : center; - transition: all 0.5s ease-in-out; - - > * { - padding : 4px; - } + padding : 10px; + transition: opacity 0.2s linear; + box-shadow : 0px 0px 8px rgba(0,0,0,0.1); img { vertical-align : middle; @@ -169,6 +168,8 @@ body.ttrss_main { .msg { flex-grow : 2; + padding : 0 10px; + line-height : 20px; } .icon-close { -- cgit v1.2.3