Merge pull request #2853 from owncloud/long-file-names
Application Names Ellipsise when the name length exceeds the width of the navigation.
This commit is contained in:
commit
a028ba930a
|
@ -266,16 +266,19 @@ fieldset.warning a { color:#b94a48 !important; font-weight:bold; }
|
||||||
overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;
|
overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;
|
||||||
}
|
}
|
||||||
#navigation:hover { overflow-y:auto; }
|
#navigation:hover { overflow-y:auto; }
|
||||||
#navigation a {
|
#navigation a span {
|
||||||
display:block; padding:8px 0 4px;
|
display:block;
|
||||||
text-decoration:none; font-size:10px; text-align:center;
|
text-decoration:none; font-size:10px; text-align:center;
|
||||||
color:#fff; text-shadow:#000 0 -1px 0;
|
color:#fff; text-shadow:#000 0 -1px 0;
|
||||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5;
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5;
|
||||||
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* ellipsize long app names */
|
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* ellipsize long app names */
|
||||||
}
|
}
|
||||||
#navigation a:hover, #navigation a:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; }
|
#navigation a:hover, #navigation a:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; }
|
||||||
#navigation a.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
|
#navigation a.active .icon, #navigation a.active span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
|
||||||
#navigation .icon { display:block; width:32px; height:32px; margin:0 16px 0; }
|
#navigation .icon {
|
||||||
|
display:block; width:32px; height:32px; margin:0 16px 0; padding:8px 0 4px;
|
||||||
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5;
|
||||||
|
}
|
||||||
#navigation li:first-child a { padding-top:16px; }
|
#navigation li:first-child a { padding-top:16px; }
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -75,7 +75,9 @@
|
||||||
<a href="<?php print_unescaped($entry['href']); ?>" title=""
|
<a href="<?php print_unescaped($entry['href']); ?>" title=""
|
||||||
<?php if( $entry['active'] ): ?> class="active"<?php endif; ?>>
|
<?php if( $entry['active'] ): ?> class="active"<?php endif; ?>>
|
||||||
<img class="icon svg" src="<?php print_unescaped($entry['icon']); ?>"/>
|
<img class="icon svg" src="<?php print_unescaped($entry['icon']); ?>"/>
|
||||||
<?php p($entry['name']); ?>
|
<span>
|
||||||
|
<?php p($entry['name']); ?>
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
|
Loading…
Reference in New Issue