Mirrors/cloudcmd
1
0
Fork 0
mirror of https://github.com/coderaiser/cloudcmd.git synced 2026-01-23 02:35:49 +00:00
Code Issues Projects Releases Wiki Activity

feature(style) add .reduce-text

Browse source
This commit is contained in:
coderaiser 2014-01-22 06:02:56 -05:00
parent ae83d1276a
commit 25bf6c0f01
4 changed files with 23 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

21
css/style.css
View file

@ -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;

8
html/file.html
View file

@ -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>

24
html/index.html
View file

@ -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() {

2
html/path.html
View file

@ -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>
<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>