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 --- themes/night.css | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) (limited to 'themes/night.css') diff --git a/themes/night.css b/themes/night.css index b8d0e9c84..c0fb389a5 100644 --- a/themes/night.css +++ b/themes/night.css @@ -128,30 +128,32 @@ body.ttrss_main a:hover { text-decoration: underline; } body.ttrss_main #notify.visible { - transform: translate(0, -45px); + opacity: 100; } body.ttrss_main #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; -} -body.ttrss_main #notify > * { - padding: 4px; + padding: 10px; + transition: opacity 0.2s linear; + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); } body.ttrss_main #notify img { vertical-align: middle; } body.ttrss_main #notify .msg { flex-grow: 2; + padding: 0 10px; + line-height: 20px; } body.ttrss_main #notify .icon-close { cursor: pointer; -- cgit v1.2.3-54-g00ecf