diff options
Diffstat (limited to 'css/tt-rss.less')
| -rwxr-xr-x | css/tt-rss.less | 42 |
1 files changed, 24 insertions, 18 deletions
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 { |