public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2025-12-13 19:05:55 +00:00
Code Issues Releases Wiki Activity

notify: use iconfont, update colors and increase height a bit

Browse Source
This commit is contained in:
Andrew Dolgov
2018-12-06 12:52:44 +03:00
parent 0ea0b606be
commit d99d04a2ae
6 changed files with 82 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
css/tt-rss.less
View File

@@ -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 {