From d99d04a2ae21af1a67e7e7acfc9b1a5fe4273cac Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <noreply@fakecake.org>
Date: Thu, 6 Dec 2018 12:52:44 +0300
Subject: notify: use iconfont, update colors and increase height a bit

---
 css/tt-rss.less | 42 ++++++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 18 deletions(-)

(limited to 'css/tt-rss.less')

diff --git a/css/tt-rss.less b/css/tt-rss.less
index 85c12a5d5..fd71afc20 100755
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -143,42 +143,39 @@ body.ttrss_main {
 	}
 
 	#notify.visible {
-		transform: translate(0, -35px);
+		transform: translate(0, -45px);
 	}
 
 	#notify {
-		bottom : -35px;
+		bottom : -45px;
 		right : 0px;
-		height : 20px;
+		height : 30px;
 		left : 0px;
 		border-width : 1px 0px 0px 0px;
 		border-style : solid;
 		position : fixed;
-		font-size : 12px;
+		font-size : 13px;
 		z-index : 99;
-		padding : 5px;
-		box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
+		display : flex;
 
 		transition: all 0.5s ease-in-out;
 
+		> * {
+			align-self : center;
+			padding : 4px;
+		}
+
 		img {
 			vertical-align : middle;
-			max-height : 14px;
 		}
 
-		span.msg {
-			width : 100%;
+		.msg {
+			flex-grow : 2;
 		}
 
-		img.close {
+		.icon-close {
 			cursor : pointer;
 		}
-
-		span {
-			display : table-cell;
-			vertical-align : middle;
-			padding : 2px;
-		}
 	}
 
 	.notify {
@@ -194,11 +191,20 @@ body.ttrss_main {
 	.notify.notify_info {
 		border-color : @color-accent;
 		background-color : @color-accent-light;
+
+		i.icon-notify {
+			color : @color-accent;
+		}
 	}
 
 	.notify.notify_error {
-		background-color : #ffcccc;
-		border-color : #ff0000;
+		background-color : #c00;
+		border-color : #900;
+		color : white;
+
+		i.icon-notify, i.icon-close {
+			color : white;
+		}
 	}
 
 	.hl {
-- 
cgit v1.2.3