diff --git a/web/css/file_manager.css b/web/css/file_manager.css
index b90f1ef1..bd805998 100644
--- a/web/css/file_manager.css
+++ b/web/css/file_manager.css
@@ -102,7 +102,7 @@ body { margin: 0; padding: 0; }
ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; border-left: 1px solid #DDDDDD; overflow: auto; }
.listing li { color: #999999; display: block; height: 34px; margin: 1px 0 0; line-height: 30px; padding: 0; }
-.listing li span { display: inline-block; float: right; }
+.listing li span { display: inline-block; float: right; height: 32px; overflow: hidden; }
.listing li .marker { width: 4px; float: left; height: 100%; margin-right: 31px; }
.listing li.back { }
.listing li.file { }
@@ -200,7 +200,9 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
.listing li .icon.filetype-xhtml { background: url("/images/flat_icons.png") no-repeat scroll -138px -227px; }
-.listing li .filename { color: #555; cursor: pointer; height: 32px; max-width: 40%; overflow: hidden; float: left; padding: 2px 7px 0 7px; border-radius: 3px; transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
+.listing li .filename-holder { max-width: 40%; overflow: hidden; float: left; height: 35px; }
+.listing li .filename { color: #555; cursor: pointer; height: 32px; float: left; padding: 2px 7px 0 7px; border-radius: 3px; transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
+
/* .listing li .filename { background: url("/images/folder_.png") no-repeat scroll -2px 6px; color: #555; cursor: pointer; float: left; margin-left: -27px; padding-left: 19px; }*/
.listing li .filename:hover { color: #333; background-color: #D1D0CF; }
@@ -531,7 +533,7 @@ input[type="checkbox"] {
*/
@media (max-width: 1400px) {
- .listing li .filename { width: 35%; }
+ .listing li .filename-holder { width: 35%; }
}
@@ -540,13 +542,13 @@ input[type="checkbox"] {
.menu div.button.mkdir { display: none; }
.menu div.button.mkfile.small,
.menu div.button.mkdir.small { display: inline-block; }
- .listing li .filename { max-width: 30%; }
+ .listing li .filename-holder { max-width: 30%; }
}
@media (max-width: 1210px) {
.menu div.button.del { display: none; }
.menu div.button.del.small { display: inline-block; }
- .listing li .filename { max-width: 25%; }
+ .listing li .filename-holder { max-width: 25%; }
}
@@ -554,7 +556,7 @@ input[type="checkbox"] {
.menu div.button { display: none; }
.menu div.button.medium,
.menu div.button.small { display: inline-block; }
- .listing li .filename { max-width: 20%; }
+ .listing li .filename-holder { max-width: 20%; }
}
@media (max-width: 1080px) {
@@ -569,11 +571,11 @@ input[type="checkbox"] {
.menu div.button { display: inline-block; }
.menu div.button.small { display: none; }
.menu div.copy.button { display: none; }
- .listing li .filename { max-width: 40%; }
+ .listing li .filename-holder { max-width: 40%; }
}
@media (max-width: 720px) {
- .listing li .filename { max-width: 30%; }
+ .listing li .filename-holder { max-width: 30%; }
}
@media (max-width: 600px) {
@@ -581,18 +583,18 @@ input[type="checkbox"] {
.menu div.button.medium,
.menu div.button.small { display: inline-block; }
.menu div.copy.button.small { display: none; }
- .listing li .filename { max-width: 20%; }
+ .listing li .filename-holder { max-width: 20%; }
}
@media (max-width: 520px) {
.listing li .owner { display: none; }
- .listing li .filename { max-width: 15%; }
+ .listing li .filename-holder { max-width: 15%; }
}
@media (max-width: 400px) {
.listing li .mode { display: none; }
.listing li .time { display: none; }
- .listing li .filename { max-width: 30%; }
+ .listing li .filename-holder { max-width: 30%; }
}
@media (max-width: 360px) {
@@ -672,9 +674,10 @@ input[type="checkbox"] {
}
.shortcuts ul {
list-style-type: none;
- padding: 30px 10px;
+ padding: 30px 20px;
display: inline-block;
float: left;
+ width: 360px;
}
.shortcuts ul li {
padding: 5px 20px;
@@ -688,7 +691,6 @@ input[type="checkbox"] {
font-weight: bold;
padding: 0 20px 0 0;
text-align: right;
- width: 140px;
}
.shortcuts ul li span.bigger {
font-size: 18px;
@@ -715,12 +717,12 @@ input[type="checkbox"] {
background-image: url("/images/sprite.png");
width: 35px;
height: 35px;
- background-position: -283px -68px;
+ background-position: -122px -283px;
border-radius: 18px;
}
.l-icon-shortcuts:hover {
- background-color: #ccc;
+ background-position: -160px -283px;
}
.l-icon-shortcuts:active {
- background-color: #98D5CD;
+ background-position: -198px -283px;
}
diff --git a/web/css/file_manager_editor.css b/web/css/file_manager_editor.css
index 9db4931a..1730e541 100644
--- a/web/css/file_manager_editor.css
+++ b/web/css/file_manager_editor.css
@@ -28,7 +28,7 @@ input.save:active { border: 1px solid #FFCC00; background-color: #FFCC00; color:
.ace_gutter,
-.ace_scroller { padding-top: 10px; }
+.ace_scroller { padding-top: 0px; }
.ace-twilight .ace_gutter-active-line { margin-top: 10px; }
.ace_gutter-cell { color: #777; }
diff --git a/web/css/styles.min.css b/web/css/styles.min.css
index 5aeee4f9..9fcace9d 100644
--- a/web/css/styles.min.css
+++ b/web/css/styles.min.css
@@ -1156,6 +1156,10 @@ div.l-content > div.l-separator:nth-of-type(4) {
font-size: 13px;
}
+.units div:last-child {
+ border-bottom: none !important;
+}
+
.units .l-unit {
border-bottom: 1px solid #ddd;
}
@@ -1944,16 +1948,19 @@ div.l-content > div.l-separator:nth-of-type(4) {
.l-icon-shortcuts {
width: 35px;
height: 35px;
- background-position: -283px -68px;
+ background-position: -240px -281px;
border-radius: 18px;
}
.l-icon-shortcuts:hover {
- background-color: #ccc;
+ background-position: -160px -281px;
}
.l-icon-shortcuts:active {
- background-color: #98D5CD;
+ background-position: -198px -281px;
}
+
+
+
.l-icon-star-orange {
width: 13px;
height: 13px;
@@ -2000,14 +2007,14 @@ div.l-content > div.l-separator:nth-of-type(4) {
display: inline-block;
position: fixed;
top: 92%;
- right: 4%;
+ right: 1%;
}
.to-shortcuts {
display: inline-block;
position: fixed;
top: 92%;
- right: 1%;
+ right: 4%;
}
@@ -2593,6 +2600,7 @@ td.hint {
.l-unit.selected {
background-color: #feef9a;
color: #555;
+ border-bottom: 1px solid #c0b990;
}
.l-unit.selected b,
@@ -2804,9 +2812,10 @@ form#vstobjects.suspended {
}
.shortcuts ul {
list-style-type: none;
- padding: 30px 15px;
+ padding: 30px 20px;
display: inline-block;
float: left;
+ width: 360px;
}
.shortcuts ul li {
padding: 5px 20px;
@@ -2820,7 +2829,10 @@ form#vstobjects.suspended {
font-weight: bold;
padding: 0 20px 0 0;
text-align: right;
- width: 140px;
+/* width: 140px;*/
+}
+.shortcuts ul li span.bigger {
+ font-size: 18px;
}
.description {
diff --git a/web/images/sprite.png b/web/images/sprite.png
index f3df683a..a20baf8a 100644
Binary files a/web/images/sprite.png and b/web/images/sprite.png differ
diff --git a/web/js/file_manager.js b/web/js/file_manager.js
index b79fbdd3..8167753a 100644
--- a/web/js/file_manager.js
+++ b/web/js/file_manager.js
@@ -1174,8 +1174,13 @@ FM.selectItem = function(item, box) {
src = $.parseJSON(src);
var tab = FM.getTabLetter(FM.CURRENT_TAB);
+
+
if (FM.itemIsArchieve(src)) {
- $('.menu-'+tab+' .extract-btn').show();
+ if($('.menu-'+tab+' .archive.button').first().is(':visible'))
+ $('.menu-'+tab+' .extract-btn').first().show();
+ else
+ $('.menu-'+tab+' .extract-btn.small').show();
}
else {
$('.menu-'+tab+' .extract-btn').hide();
diff --git a/web/js/templates.js b/web/js/templates.js
index dc6e64ea..b7b3d7ac 100644
--- a/web/js/templates.js
+++ b/web/js/templates.js
@@ -20,7 +20,7 @@ App.Templates.html = {
\
\
\
- ~!:NAME~!\
+