r4sas
/
webogram-i2p
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Improved head on small devices

master
Igor Zhukov 10 years ago
parent
ab5f85c63e
commit
a5fc83e1b1
2 changed files with 23 additions and 16 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      app/css/app_mobile.css
  2. 30
      app/partials/head.html

9
app/css/app_mobile.css
Unescape View File

@ -134,11 +134,13 @@ html {
.navbar-quick-nav h4 { .navbar-quick-nav h4 {
font-size: 14px; font-size: 14px;
color: #FFF; color: #FFF;
margin: 0;
white-space: nowrap; white-space: nowrap;
max-width: 100px; }
.navbar-quick-back-title {
max-width: 130px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin: 0;
} }
.navbar-quick-media-back h4 { .navbar-quick-media-back h4 {
margin: 9px 0 12px 0; margin: 9px 0 12px 0;
@ -173,8 +175,7 @@ html {
.tg_page_head .navbar_offline > .container .navbar-brand { .tg_page_head .navbar_offline > .container .navbar-brand {
margin-right: 0; margin-right: 0;
} }
.navbar_offline .navbar-quick-nav li > a > h4, .navbar_offline .navbar-quick-nav li > a > .navbar-quick-back-title,
.navbar_offline .navbar-quick-nav li > a > small,
.navbar_offline .im_head_attach, .navbar_offline .im_head_attach,
.navbar_offline .navbar-search-wrap { .navbar_offline .navbar-search-wrap {
display: none; display: none;

30
app/partials/head.html
Unescape View File

@ -57,10 +57,12 @@
<li> <li>
<a ng-click="toggleMedia()" class="navbar-quick-media-back" ng-switch="historyFilter.mediaType"> <a ng-click="toggleMedia()" class="navbar-quick-media-back" ng-switch="historyFilter.mediaType">
<i class="icon icon-back"></i> <i class="icon icon-back"></i>
<h4 ng-switch-when="photos">Photos</h4> <div class="navbar-quick-back-title">
<h4 ng-switch-when="video">Videos</h4> <h4 ng-switch-when="photos">Photos</h4>
<h4 ng-switch-when="documents">Documents</h4> <h4 ng-switch-when="video">Videos</h4>
<h4 ng-switch-when="audio">Voice messages</h4> <h4 ng-switch-when="documents">Documents</h4>
<h4 ng-switch-when="audio">Voice messages</h4>
</div>
</a> </a>
</li> </li>
</ul> </ul>
@ -68,19 +70,23 @@
<li ng-switch-when="true"> <li ng-switch-when="true">
<a href="#/im" class="navbar-quick-profile-back"> <a href="#/im" class="navbar-quick-profile-back">
<i class="icon icon-back"></i> <i class="icon icon-back"></i>
<h4 ng-bind-html="historyPeer.data.rFullName"></h4> <div class="navbar-quick-back-title">
<small ng-bind="historyPeer.data | userStatus"></small> <h4 ng-bind-html="historyPeer.data.rFullName"></h4>
<small ng-bind="historyPeer.data | userStatus"></small>
</div>
</a> </a>
</li> </li>
<li ng-switch-default> <li ng-switch-default>
<a href="#/im" class="navbar-quick-group-back"> <a href="#/im" class="navbar-quick-group-back">
<i class="icon icon-back"></i> <i class="icon icon-back"></i>
<h4 ng-bind-html="historyPeer.data.rTitle"></h4> <div class="navbar-quick-back-title">
<small> <h4 ng-bind-html="historyPeer.data.rTitle"></h4>
<ng-pluralize count="historyPeer.data.participants_count" <small>
when="{'0': 'No members', 'one': '1 member', 'other': '{} members'}"> <ng-pluralize count="historyPeer.data.participants_count"
</ng-pluralize> when="{'0': 'No members', 'one': '1 member', 'other': '{} members'}">
</small> </ng-pluralize>
</small>
</div>
</a> </a>
</li> </li>
</ul> </ul>

Write Preview
Loading…
Cancel
Save