From 25bf6c0f0133e92ee30ba6bb7ccadb178c06bb0a Mon Sep 17 00:00:00 2001
From: coderaiser <mnemonic.enemy@gmail.com>
Date: Wed, 22 Jan 2014 06:02:56 -0500
Subject: [PATCH] feature(style) add .reduce-text

---
 css/style.css   | 21 ++++++---------------
 html/file.html  |  8 ++++----
 html/index.html | 24 ++++++++++++------------
 html/path.html  |  2 +-
 4 files changed, 23 insertions(+), 32 deletions(-)

diff --git a/css/style.css b/css/style.css
index 93354806..8bb969ca 100644
--- a/css/style.css
+++ b/css/style.css
@@ -41,9 +41,6 @@ body {
 }
 
 .path {
-    overflow            : hidden;
-    text-overflow       : ellipsis;
-    white-space         : nowrap;
 }
 
 .path-icon {
@@ -98,10 +95,7 @@ body {
 .cmd-button {
     width: 5%;
     margin: 20px 2px 0 2px;
-    overflow: hidden;
     color: #222;
-    text-overflow: ellipsis;
-    white-space: nowrap;
     background-color: white;
     border: 1.5px solid;
     border-color: rgb(49,123,249);
@@ -205,9 +199,6 @@ body {
 .name {
     float: left;
     width: 35%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
 }
 
 .size {
@@ -215,17 +206,11 @@ body {
     width:16%;
     margin-right: 27px;
     text-align: right;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space : nowrap;
 }
 
 .owner {
     display         : inline-block;
     width           : 14%;
-    text-overflow   : ellipsis;
-    overflow        : hidden;
-    white-space     : nowrap;
     /* when inline-block
      * vertical align should be
      * set top to prevent additional
@@ -239,6 +224,12 @@ body {
   width: 23%;
 }
 
+.reduce-text {
+    white-space     : nowrap;
+    overflow        : hidden;
+    text-overflow   : ellipsis;
+}
+
 .files {
     height: 95%;
     padding: 0;
diff --git a/html/file.html b/html/file.html
index 037f4b50..5ebe0108 100644
--- a/html/file.html
+++ b/html/file.html
@@ -1,7 +1,7 @@
 <li draggable class="{{ className }}">
     <span class="mini-icon {{ type }}"></span>
-    <span class=name>{{ name }}</span>
-    <span class=size>{{ size }}</span>
-    <span class=owner>{{ owner }}</span>
-    <span class=mode>{{ mode }}</span>
+    <span class="name reduce-text">{{ name }}</span>
+    <span class="size reduce-text">{{ size }}</span>
+    <span class="owner reduce-text">{{ owner }}</span>
+    <span class="mode reduce-text">{{ mode }}</span>
 </li>
\ No newline at end of file
diff --git a/html/index.html b/html/index.html
index f5aff6c7..9455e5d7 100644
--- a/html/index.html
+++ b/html/index.html
@@ -16,18 +16,18 @@
     
     <div class=fm>{{ fm }}</div>
     <div class="keyspanel">
-        <button id=f1 class="cmd-button icon-help" title="help">F1</button>
-        <button id=f2 class="cmd-button icon-rename" title="rename">F2</button>
-        <button id=f3 class="cmd-button icon-view" title="view">F3</button>
-        <button id=f4 class="cmd-button icon-edit" title="edit">F4</button>
-        <button id=f5 class="cmd-button icon-copy" title="copy">F5</button>
-        <button id=f6 class="cmd-button icon-move" title="move">F6</button>
-        <button id=f7 class="cmd-button icon-directory" title="make directory">F7</button>
-        <button id=f8 class="cmd-button icon-delete" title="delete">F8</button>
-        <button id=f9 class="cmd-button icon-menu" title="menu">F9</button>
-        <button id=f10 class="cmd-button icon-config" title="config">F10</button>
-        <button id=~ class="cmd-button icon-console" title="console">~</button>
-        <button id=contact class="cmd-button icon-contact" title="contact"></button>
+        <button id=f1      class="cmd-button reduce-text icon-help" title="help">F1</button>
+        <button id=f2      class="cmd-button reduce-text icon-rename" title="rename">F2</button>
+        <button id=f3      class="cmd-button reduce-text icon-view" title="view">F3</button>
+        <button id=f4      class="cmd-button reduce-text icon-edit " title="edit">F4</button>
+        <button id=f5      class="cmd-button reduce-text icon-copy" title="copy">F5</button>
+        <button id=f6      class="cmd-button reduce-text icon-move" title="move">F6</button>
+        <button id=f7      class="cmd-button reduce-text icon-directory" title="make directory">F7</button>
+        <button id=f8      class="cmd-button reduce-text icon-delete" title="delete">F8</button>
+        <button id=f9      class="cmd-button reduce-text icon-menu" title="menu">F9</button>
+        <button id=f10     class="cmd-button reduce-text icon-config" title="config">F10</button>
+        <button id=~       class="cmd-button reduce-text icon-console" title="console">~</button>
+        <button id=contact class="cmd-button reduce-text icon-contact" title="contact"></button>
     </div>
     <script>
         !(function() {
diff --git a/html/path.html b/html/path.html
index 27fed3ed..dc7ab7d1 100644
--- a/html/path.html
+++ b/html/path.html
@@ -1 +1 @@
-<div class=path title="{{ fullPath }}"><span class="path-icon clear-storage" title="clear storage (Ctrl+D)"></span><span class="path-icon refresh-icon" title="refresh (Ctrl+R)"><a href="{{ link }}"></a></span><span class=links>{{ path }}</span></div>
\ No newline at end of file
+<div class="path reduce-text" title="{{ fullPath }}"><span class="path-icon clear-storage" title="clear storage (Ctrl+D)"></span><span class="path-icon refresh-icon" title="refresh (Ctrl+R)"><a href="{{ link }}"></a></span><span class=links>{{ path }}</span></div>
\ No newline at end of file