upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-21 14:23:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

Merge pull request #18525 from owncloud/app-sidebar-style

Browse source 
Right sidebar style improvements
This commit is contained in:
Morris Jobke 2015-08-24 19:44:31 +02:00
commit 1797bb576f
3 changed files with 13 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
apps/files/css/detailsView.css
View file

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

4
apps/files/js/mainfileinfodetailview.js
View file

@ -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 + '")');
}

26
core/css/apps.css
View file

@ -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.selected {
font-weight: 600;
}
.tabHeaders .tabHeader:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.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;
}