mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #12173 from nextcloud/filename-center 

Ensure filename is possibly centered below file icons in grid view
This commit is contained in:
Morris Jobke 2019-01-15 08:47:46 +01:00 committed by GitHub
parent 56ad07b85e e5c1049d04
commit 6ac66ea0a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
apps/files/css/files.scss
View File

@ -852,18 +852,27 @@ table.dragshadow td.size {
.nametext { .nametext {
display: flex; display: flex;
height: 44px; height: 44px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: $grid-size - $grid-pad; margin-top: $grid-size - $grid-pad;
padding-right: 0; text-align: center;
text-align: right;
line-height: 44px; line-height: 44px;
padding-left: $grid-pad; // same as action icon right padding padding: 0;
.innernametext { .innernametext {
display: inline-block; display: inline-block;
max-width: 80px; text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&:before {
content: '';
flex: 1;
min-width: 14px;
}
&:after {
content: '';
flex: 1;
min-width: 44px;
} }
/* No space for extension in grid view */ /* No space for extension in grid view */
@ -877,6 +886,8 @@ table.dragshadow td.size {
margin-top: $grid-size - $grid-pad; margin-top: $grid-size - $grid-pad;
display: flex; display: flex;
align-items: center; align-items: center;
position: absolute;
right: 0;
.action { .action {
padding: $grid-pad; padding: $grid-pad;
@ -886,17 +897,8 @@ table.dragshadow td.size {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&.action-share.permanent.shared-style span { &.action.action-share.permanent {
/* Do not show "Shared" text next to icon as there is no space */ display: none;
&:not(.icon) {
display: none;
}
/* If an avatar is present, show that instead of the icon */
&.avatar {
display: inline-block;
position: absolute;
}
} }
/* In "Deleted files", do not show "Restore" text next to icon as there is no space */ /* In "Deleted files", do not show "Restore" text next to icon as there is no space */