diff options
Diffstat (limited to 'css/tt-rss.less')
-rwxr-xr-x | css/tt-rss.less | 99 |
1 files changed, 74 insertions, 25 deletions
diff --git a/css/tt-rss.less b/css/tt-rss.less index edce31263..e185ad7e1 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 { @@ -205,6 +206,17 @@ body.ttrss_main { } } + .action-chooser { + .action-button { + .dijitButtonText { + vertical-align : unset; + } + .dijitArrowButtonInner { + display : none; + } + } + } + .hl { border: 0px solid @border-default; border-bottom-width: 1px; @@ -214,6 +226,7 @@ body.ttrss_main { flex-wrap : nowrap; background : @color-panel-bg; align-items : center; + user-select : none; > * { white-space : nowrap; @@ -496,6 +509,7 @@ body.ttrss_main { .dijitDialog { + header, .dlgSec, .dlgSecHoriz { font-size : 16px; font-weight : 600; @@ -503,14 +517,21 @@ body.ttrss_main { font-family: @fonts-ui-bold; } + section, .dlgSecCont { margin : 10px 20px; } + header.horizontal + section, .dlgSecHoriz + .dlgSecCont { - margin : 10px 0px; + margin : 10px 0; + } + + section.narrow { + margin : 0; } + section, div.dlgSecCont, div.dlgSecSimple { fieldset { @@ -526,6 +547,10 @@ body.ttrss_main { font-weight : normal; display : inline; } + + > label.inline { + display : inline; + } } fieldset { @@ -542,10 +567,14 @@ body.ttrss_main { } } + footer, .dlgButtons { margin-top : 5px; text-align: right; - clear: both; + } + + footer.text-center { + text-align: center; } } @@ -668,13 +697,8 @@ body.ttrss_main { color : #333; } - .icon { - position : relative; - top : -2px; - } - - i.icon { - left : -2px; + .dijitIcon.feed-icon { + margin-right : 2px; } i.icon.icon-inbox { @@ -686,10 +710,10 @@ body.ttrss_main { } i.icon.icon-star { + position : relative; color : @color-marked; font-size : 21px; - top : -4px; - left : -4px; + left : -2px; } i.icon.icon-rss_feed { @@ -701,8 +725,9 @@ body.ttrss_main { } i.icon.icon-restore { + position : relative; + top : -1px; font-weight : bold; - left : -3px; color : @color-accent; } @@ -1098,6 +1123,30 @@ body.ttrss_main, body.ttrss_utility { } } + .pull-right { + float : right; + } + + .pull-left { + float : left; + } + + .text-error { + color: #b94a48; + } + + .text-info { + color: #3a87ad; + } + + .text-success { + color: #468847; + } + + .text-warning { + color: darken(#c09853, 10%); + } + .alert, .alert h4 { color: #c09853; @@ -1144,7 +1193,7 @@ body.ttrss_main, body.ttrss_utility { border-bottom-width: 1px; } - .insensitive { + .text-muted { color : @default-text; } |