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;
white-space: nowrap;
position: absolute;
text-overflow: ellipsis;
}
#feed-accordion .entry-heading .narrow {
width: 145px;
text-overflow: ellipsis;
}
#feed-accordion .entry-heading .entry-name {

View File

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

View File

@@ -23,7 +23,7 @@
ng-class="{unread: entry.read == false, current: current==entry, open: isOpen, closed: !isOpen }">
<div class="entry-heading">
<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)">
<i ng-class="{'icon-star icon-star-yellow': entry.starred, 'icon-star-empty': !entry.starred}"
class="pointer"></i>
@@ -31,8 +31,8 @@
<favicon url="entry.iconUrl" />
{{entry.feedName}}
</span>
<span class="entry-date visible-desktop">{{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-date">{{entry.date | entryDate}}</span>
<span class="entry-name" ng-class="{shrink: true, rtl: entry.rtl}" ng-bind-html-unsafe="entry.title"></span>
</a>
<a href="{{entry.url}}" target="_blank" class="entry-external-link" ng-click="mark(entry, true)">
<i class="icon-external-link"></i>