aboutsummaryrefslogtreecommitdiff
path: root/js
diff options
context:
space:
mode:
authorAnanya Sen2012-03-22 10:40:22 -0700
committerAnanya Sen2012-03-22 10:40:22 -0700
commit15bd1a15459df5c831c97ee7bf225af47d812385 (patch)
tree026412441915803fc1b55f610a1c24f8a8d46bca /js
parent2557f463c1cfe2d0dd8ea187c184755bd141dab4 (diff)
downloadninja-15bd1a15459df5c831c97ee7bf225af47d812385.tar.gz
IKNINJA-1266 : restrict tab size for long file names and resize tabs on window resize
Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
Diffstat (limited to 'js')
-rwxr-xr-xjs/components/layout/document-entry.reel/document-entry.css13
-rwxr-xr-xjs/components/layout/documents-tab.reel/documents-tab.css11
2 files changed, 17 insertions, 7 deletions
diff --git a/js/components/layout/document-entry.reel/document-entry.css b/js/components/layout/document-entry.reel/document-entry.css
index 52d08d72..d723c45f 100755
--- a/js/components/layout/document-entry.reel/document-entry.css
+++ b/js/components/layout/document-entry.reel/document-entry.css
@@ -4,19 +4,26 @@
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. 4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */ 5 </copyright> */
6 6
7.documentEntry{
8 white-space: nowrap;
9}
10
7.documentEntry span 11.documentEntry span
8{ 12{
9 /*display: inline-block;*/ 13 display: inline-block;
10 white-space: nowrap; 14 white-space: nowrap;
11 overflow: hidden; 15 overflow: hidden;
12 text-overflow: ellipsis; /* Causes ... to appear ?? */ 16 text-overflow: ellipsis;
13 max-width:100px; 17 max-width:100px;
18 width:85%;
19 min-width:0px;
14} 20}
15 21
16.documentEntry img { 22.documentEntry img {
17 opacity: 0.5; /* 50% */ 23 opacity: 0.5; /* 50% */
18 padding-left: 5px;
19 width: 12px; 24 width: 12px;
25 max-width:12px;
26 min-width:5px;
20 height: 12px; 27 height: 12px;
21 -webkit-transition: opacity 0.2s ease; 28 -webkit-transition: opacity 0.2s ease;
22 transition: opacity 0.2s ease; 29 transition: opacity 0.2s ease;
diff --git a/js/components/layout/documents-tab.reel/documents-tab.css b/js/components/layout/documents-tab.reel/documents-tab.css
index 689eb777..da00f727 100755
--- a/js/components/layout/documents-tab.reel/documents-tab.css
+++ b/js/components/layout/documents-tab.reel/documents-tab.css
@@ -12,7 +12,6 @@
12} 12}
13 13
14.openDocuments { 14.openDocuments {
15 float: left;
16 height: 25px; 15 height: 25px;
17 width: 100%; 16 width: 100%;
18 font-size: 12px; 17 font-size: 12px;
@@ -21,16 +20,20 @@
21 padding: 0; 20 padding: 0;
22 position: relative; 21 position: relative;
23 text-decoration: none; 22 text-decoration: none;
23 display: -webkit-box;
24 -webkit-box-orient: horizontal;
25 -webkit-box-pack:start;
26 -webkit-box-align:start;
24} 27}
25 28
26.openDocuments li { 29.openDocuments li {
27 border-right: 1px solid black; 30 border-right: 1px solid black;
28 cursor: pointer; 31 cursor: pointer;
29 display: inline;
30 float: left;
31 padding: 0.5em 1em; 32 padding: 0.5em 1em;
32 text-shadow: 1px 1px 1px #000000;
33 vertical-align: middle; 33 vertical-align: middle;
34 text-shadow: 1px 1px 1px #000000;
35 -webkit-box-flex: 1;
36 max-width: 115px;
34} 37}
35 38
36.openDocuments li:hover, 39.openDocuments li:hover,