more infos in entry header in mobile view

This commit is contained in:
Athou
2013-07-31 09:18:08 +02:00
parent 13534b5f44
commit 54e5621267
3 changed files with 14 additions and 11 deletions

View File

@@ -82,11 +82,8 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
position: absolute; position: absolute;
text-overflow: ellipsis;
}
#feed-accordion .entry-heading .narrow {
width: 145px; width: 145px;
text-overflow: ellipsis;
} }
#feed-accordion .entry-heading .entry-name { #feed-accordion .entry-heading .entry-name {

View File

@@ -22,11 +22,17 @@
#feed-accordion .entry-heading .shrink { #feed-accordion .entry-heading .shrink {
margin-left: 0; margin-left: 0;
} }
#feed-accordion .entry-heading .entry-name { #feed-accordion .feed-name {
margin-right: 40px; margin-top: 22px;
} }
#feed-accordion .entry-heading .narrow { #feed-accordion .entry-external-link {
display: none; margin-top: -22px;
}
#feed-accordion .entry-heading-link {
height: 40px;
}
#feed-accordion .entry-heading .entry-date {
right: 25px;
} }
body.left-menu-active .left-menu { body.left-menu-active .left-menu {
display: block !important; display: block !important;

View File

@@ -23,7 +23,7 @@
ng-class="{unread: entry.read == false, current: current==entry, open: isOpen, closed: !isOpen }"> ng-class="{unread: entry.read == false, current: current==entry, open: isOpen, closed: !isOpen }">
<div class="entry-heading"> <div class="entry-heading">
<a href="{{entry.url}}" target="_blank" class="entry-heading-link" ng-click="noop($event)" ng-mouseup="entryClicked(entry, $event)"> <a href="{{entry.url}}" target="_blank" class="entry-heading-link" ng-click="noop($event)" ng-mouseup="entryClicked(entry, $event)">
<span class="feed-name" ng-class="{narrow: settingsService.settings.viewMode != 'expanded' && !(isOpen && current == entry)}"> <span class="feed-name">
<span class="star" ng-mouseup="star(entry, !entry.starred, $event)"> <span class="star" ng-mouseup="star(entry, !entry.starred, $event)">
<i ng-class="{'icon-star icon-star-yellow': entry.starred, 'icon-star-empty': !entry.starred}" <i ng-class="{'icon-star icon-star-yellow': entry.starred, 'icon-star-empty': !entry.starred}"
class="pointer"></i> class="pointer"></i>
@@ -31,8 +31,8 @@
<favicon url="entry.iconUrl" /> <favicon url="entry.iconUrl" />
{{entry.feedName}} {{entry.feedName}}
</span> </span>
<span class="entry-date visible-desktop">{{entry.date | entryDate}}</span> <span class="entry-date">{{entry.date | entryDate}}</span>
<span class="entry-name" ui-if="settingsService.settings.viewMode != 'expanded' && !(isOpen && current == entry)" ng-class="{shrink: true, rtl: entry.rtl}" ng-bind-html-unsafe="entry.title"></span> <span class="entry-name" ng-class="{shrink: true, rtl: entry.rtl}" ng-bind-html-unsafe="entry.title"></span>
</a> </a>
<a href="{{entry.url}}" target="_blank" class="entry-external-link" ng-click="mark(entry, true)"> <a href="{{entry.url}}" target="_blank" class="entry-external-link" ng-click="mark(entry, true)">
<i class="icon-external-link"></i> <i class="icon-external-link"></i>