Mirrors/Codiad
2
0
Fork 0
mirror of https://github.com/Codiad/Codiad.git synced 2026-03-23 17:36:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Start to restore list of active files.

Browse Source
This commit is contained in:
Verdier
2012-12-09 12:20:23 +01:00
parent 577942b08d
commit 1855a5ba99
1 changed files with 74 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
components/active/screen.css
View File

@@ -1,5 +1,10 @@
/* Current Files */
/************************
* Tabs
************************/
#tab-list {
list-style-type: none;
overflow: hidden;
@@ -104,6 +109,10 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
}
/************************
* Dropdown
************************/
#tab-dropdown {
/* Adjust this size depending on the final editor-top-bar height. */
position: fixed;
@@ -176,4 +185,68 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
#tab-dropdown-menu a:hover span:hover {
color: #fff;
background-color: #000;
}
}
/************************
* List
************************/
#list-active-files {
width: 100%;
height: 40%;
margin: 0;
padding: 15px;
overflow: scroll;
border-top: 2px solid #787878;
}
#list-active-files a {
display: block;
padding: 5px 30px 5px 10px;
margin: 5px 0;
border-radius: 3px;
line-height: 150%;
font-size: 12px;
word-break: break-all;
background-color: #262626;
height: 27px;
overflow: hidden;
}
#list-active-files a:hover, #list-active-files a.active {
background-color: #474747;
}
#list-active-files a.changed {
border: 3px solid #3ba628;
border-top: 0;
border-bottom: 0;
}
#list-active-files div {
white-space: nowrap;
direction: rtl;
overflow: hidden;
}
#list-active-files a span {
display: block;
float: right;
margin: 1px -23px 0 -15px;
padding: 1px 4px 2px 4px;
color: transparent;
background: none;
border-radius: 5px;
line-height: 100%;
}
#list-active-files a span:after {
content: 'x';
}
#list-active-files a:hover span {
background: #1a1a1a;
color: #616161;
}
#list-active-files a:hover span:hover {
color: #fff;
background-color: #000;
}
.active-sort-placeholder {
border: 1px dashed #333;
border-radius: 5px;
}