diff options
| -rw-r--r-- | apps/files/css/detailsView.css | 9 | ||||
| -rw-r--r-- | apps/files/js/mainfileinfodetailview.js | 4 | ||||
| -rw-r--r-- | core/css/apps.css | 26 |
3 files changed, 13 insertions, 26 deletions
diff --git a/apps/files/css/detailsView.css b/apps/files/css/detailsView.css index 76629cb790f..dafd8c24573 100644 --- a/apps/files/css/detailsView.css +++ b/apps/files/css/detailsView.css @@ -12,11 +12,11 @@ } #app-sidebar .thumbnail { - width: 50px; - height: 50px; + width: 75px; + height: 75px; float: left; margin-right: 10px; - background-size: 50px; + background-size: 75px; } #app-sidebar .ellipsis { @@ -27,7 +27,8 @@ #app-sidebar .fileName { font-size: 16px; - padding-top: 3px; + padding-top: 13px; + padding-bottom: 3px; } #app-sidebar .file-details { diff --git a/apps/files/js/mainfileinfodetailview.js b/apps/files/js/mainfileinfodetailview.js index 6910e5f2be5..8bf22149841 100644 --- a/apps/files/js/mainfileinfodetailview.js +++ b/apps/files/js/mainfileinfodetailview.js @@ -125,8 +125,8 @@ path: this.model.getFullPath(), mime: this.model.get('mimetype'), etag: this.model.get('etag'), - x: 50, - y: 50, + x: 75, + y: 75, callback: function(previewUrl) { $iconDiv.css('background-image', 'url("' + previewUrl + '")'); } diff --git a/core/css/apps.css b/core/css/apps.css index 300b186bba2..b3d7eaf6599 100644 --- a/core/css/apps.css +++ b/core/css/apps.css @@ -440,8 +440,10 @@ left: auto; bottom: 0; width: 27%; + min-width: 250px; display: block; - background: #eee; + background: #fff; + border-left: 1px solid #eee; -webkit-transition: margin-right 300ms; -moz-transition: margin-right 300ms; -o-transition: margin-right 300ms; @@ -600,47 +602,31 @@ em { /* generic tab styles */ .tabHeaders { margin: 15px; - background-color: #1D2D44; } - .tabHeaders .tabHeader { float: left; - border: 1px solid #ddd; padding: 5px; cursor: pointer; - background-color: #f8f8f8; - font-weight: bold; } .tabHeaders .tabHeader, .tabHeaders .tabHeader a { color: #888; } - -.tabHeaders .tabHeader:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.tabHeaders .tabHeader:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.tabHeaders .tabHeader.selected { + font-weight: 600; } - .tabHeaders .tabHeader.selected, .tabHeaders .tabHeader:hover { - background-color: #e8e8e8; + border-bottom: 1px solid #333; } - .tabHeaders .tabHeader.selected, .tabHeaders .tabHeader.selected a, .tabHeaders .tabHeader:hover, .tabHeaders .tabHeader:hover a { color: #000; } - .tabsContainer { clear: left; } - .tabsContainer .tab { padding: 15px; } |