From 95384df834a47a3e40f72ddc1e585b66af170efd Mon Sep 17 00:00:00 2001 From: Bernhard Posselt Date: Tue, 12 Feb 2013 00:08:35 +0100 Subject: added angular ui for ui-if to not include audio elements everywhere and throw lots of warnings --- css/feeds.css | 73 +++++++++++++++++++++++++++++------------------------------ css/items.css | 2 +- 2 files changed, 37 insertions(+), 38 deletions(-) (limited to 'css') diff --git a/css/feeds.css b/css/feeds.css index 5ae430aec..e79ab9a4f 100644 --- a/css/feeds.css +++ b/css/feeds.css @@ -1,82 +1,81 @@ .starred-icon { - background-image: url('%appswebroot%/news/img/starred.png'); + background-image: url('%appswebroot%/news/img/starred.png'); } .subscriptions-icon { - background-image: url('%appswebroot%/news/img/rss.svg'); + background-image: url('%appswebroot%/news/img/rss.svg'); } .unread { - font-weight: bold; + font-weight: bold; } #left-content .unread > a { - padding-right: 32px; + padding-right: 32px; } - - #left-content .utils { - position: absolute; - right: 0; - top: 0; - bottom: 0; - display: none; + position: absolute; + right: 0; + top: 0; + bottom: 0; +} + +#left-content .utils > * { + float: right; } #left-content .utils button { - margin: 5px 0 0 0; - background-position: center; - background-repeat: no-repeat; - background-color: transparent; - border: 0; - box-shadow: none; + margin: 5px 0 0 0; + background-position: center; + background-repeat: no-repeat; + background-color: transparent; + border: 0; + box-shadow: none; + display: block; } -.unread-counter { - padding: 6px 8px 5px; - position: absolute; - z-index: 5; - right: 0; - top: 0; - overflow: hidden; - text-overflow: ellipsis; - text-align: center; - font-size: 9pt; - display: none; +#left-content li:hover .utils button { + display: block; } -#left-content li:hover .utils > .unread-counter { - display: none; +.unread-counter { + padding: 6px 8px 5px; + overflow: hidden; + text-overflow: ellipsis; + text-align: center; + font-size: 9pt; + display: none; } + .unread .unread-counter { - display: block; + display: block; } /* general */ button.action { - opacity: .5; + opacity: .5; } button.action:hover { - opacity: 1; + opacity: 1; } #left-content li:hover > .utils { - display: block; + display: block; } .delete-icon { - background-image: url('%webroot%/core/img/actions/delete.svg'); + background-image: url('%webroot%/core/img/actions/delete.svg'); } .edit-icon { - background-image: url('%webroot%/core/img/actions/rename.svg'); + background-image: url('%webroot%/core/img/actions/rename.svg'); } .mark-read-icon { - background-image: url('%appswebroot%/news/img/mark_read.svg'); + background-image: url('%appswebroot%/news/img/mark_read.svg'); } diff --git a/css/items.css b/css/items.css index 3d13e8e57..9ecc973cf 100644 --- a/css/items.css +++ b/css/items.css @@ -42,7 +42,7 @@ /** * Utils panel */ - .utils { + .feed_item .utils { height: 2em; margin: 0 0 0 1em; float: left; -- cgit v1.2.3