diff options
| author | Bernhard Posselt <dev@bernhard-posselt.com> | 2014-09-13 19:46:40 +0200 |
|---|---|---|
| committer | Bernhard Posselt <dev@bernhard-posselt.com> | 2014-09-13 19:47:29 +0200 |
| commit | 31f812730e763a180962b35bb0d6713781755be2 (patch) | |
| tree | 7e5320597ace4f209e9e5d5e8ba3e8b02da36081 /templates | |
| parent | 146c4773273c5f2dfda96d51b91f259ef9097904 (diff) | |
styling for expanded view
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/part.content.php | 32 |
1 files changed, 25 insertions, 7 deletions
diff --git a/templates/part.content.php b/templates/part.content.php index 140a310f8..a2e2950f5 100644 --- a/templates/part.content.php +++ b/templates/part.content.php @@ -17,7 +17,8 @@ <div class="utils" ng-click="Content.toggleItem(item)"> <ul> - <li class="title" + <li class="util only-in-expanded"></li> + <li class="title only-in-compact" title="{{ item.title }}" ng-style="{ backgroundImage: 'url(' + Content.getFeed(item.feedId).faviconLink + ')'}"> <h1>{{ item.title }}</h1> @@ -28,7 +29,7 @@ <li ng-click="Content.toggleKeepUnread(item.id)" class="util" news-stop-propagation> <button class="icon-toggle toggle-keep-unread" ng-class="{'keep-unread': item.keepUnread}" title="<?php p($l->t('Keep unread')); ?>"></button> </li> - <li class="util"> + <li class="util only-in-compact"> <a class="external icon-link" target="_blank" ng-href="{{ item.url }}" @@ -41,13 +42,30 @@ <div class="article"> - <div class="subtitle"> - <time class="date" class="date" title="{{ item.pubDate*1000|date:'yyyy-MM-dd HH:mm:ss' }}" - datetime="{{ item.pubDate*1000|date:'yyyy-MM-ddTHH:mm:ssZ' }}">{{ Content.getRelativeDate(item.pubDate) }}</time>, - <span class="author" ng-show="item.author"><?php p($l->t('by')) ?> {{ item.author }}</span> - <!--<?php p($l->t('from')) ?> <a ng-href="#/items/feeds/{{ item.feedId }}">{{ Content.getFeed(item.feedId).title }}</a>--> + <div class="heading only-in-expanded"> + <time class="date" title="{{ item.pubDate*1000|date:'yyyy-MM-dd HH:mm:ss' }}" + datetime="{{ item.pubDate*1000|date:'yyyy-MM-ddTHH:mm:ssZ' }}">{{ Content.getRelativeDate(item.pubDate) }}</time> + <a class="external" + target="_blank" + ng-href="{{ item.url }}" + title="{{ item.title }}"> + <h1>{{ item.title }}</h1> + </a> + </div> + + <div class="subtitle only-in-compact"> + <time class="date" title="{{ item.pubDate*1000|date:'yyyy-MM-dd HH:mm:ss' }}" + datetime="{{ item.pubDate*1000|date:'yyyy-MM-ddTHH:mm:ssZ' }}">{{ Content.getRelativeDate(item.pubDate) }}</time> + <span class="author" ng-show="item.author">, <?php p($l->t('by')) ?> {{ item.author }}</span> </div> + <div class="subtitle only-in-expanded"> + <span class="author" ng-show="item.author"> <?php p($l->t('by')) ?> {{ item.author }}</span> + <span class="source"><?php p($l->t('from')) ?> <a ng-href="#/items/feeds/{{ item.feedId }}/">{{ Content.getFeed(item.feedId).title }}</a></span> + </div> + + + <div class="enclosure" ng-if="item.enclosureLink"> <news-audio type="{{ item.enclosureType }}" ng-src="{{ item.enclosureLink|trustUrl }}"> |