fix layout and design of actions dropdown

This commit is contained in:
Jan-Christoph Borchardt 2015-08-07 17:58:37 +02:00 committed by Vincent Petry
parent 9acbb3e902
commit 28abbb1485
3 changed files with 32 additions and 14 deletions

View File

@ -521,6 +521,20 @@ table td.filename .uploadtext {
visibility: hidden; visibility: hidden;
} }
/* fix position of bubble pointer for Files app */
.bubble,
#app-navigation .app-navigation-entry-menu {
border-top-right-radius: 3px;
}
.bubble:after,
#app-navigation .app-navigation-entry-menu:after {
right: 6px;
}
.bubble:before,
#app-navigation .app-navigation-entry-menu:before {
right: 6px;
}
/* force show the loading icon, not only on hover */ /* force show the loading icon, not only on hover */
#fileList .icon-loading-small { #fileList .icon-loading-small {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
@ -720,4 +734,3 @@ table.dragshadow td.size {
.fileActionsMenu li:hover .action { .fileActionsMenu li:hover .action {
opacity: 1; opacity: 1;
} }

View File

@ -5,11 +5,6 @@
min-width: initial !important; min-width: initial !important;
} }
/* do not show Deleted Files on mobile, not optimized yet and button too long */
#controls #trash {
display: none;
}
/* hide size and date columns */ /* hide size and date columns */
table th#headerSize, table th#headerSize,
table td.filesize, table td.filesize,
@ -38,7 +33,8 @@ table td.filename .nametext {
} }
/* always show actions on mobile, not only on hover */ /* always show actions on mobile, not only on hover */
#fileList a.action { #fileList a.action,
#fileList a.action.action-menu.permanent {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
filter: alpha(opacity=20) !important; filter: alpha(opacity=20) !important;
opacity: .2 !important; opacity: .2 !important;
@ -50,17 +46,26 @@ table td.filename .nametext {
filter: alpha(opacity=70) !important; filter: alpha(opacity=70) !important;
opacity: .7 !important; opacity: .7 !important;
} }
/* do not show Rename or Versions on mobile */ #fileList a.action.action-menu img {
#fileList .action.action-rename, padding-left: 2px;
#fileList .action.action-versions { }
display: none !important;
#fileList .fileActionsMenu {
margin-right: 5px;
} }
/* some padding for better clickability */ /* some padding for better clickability */
#fileList a.action img { #fileList a.action img {
padding: 0 6px 0 12px; padding: 0 6px 0 12px;
} }
/* hide text of the actions on mobile */ #fileList .fileActionsMenu a.action img {
#fileList a.action span { padding: initial;
}
#fileList .fileActionsMenu a.action {
padding: 12px;
margin: -12px;
}
/* hide text of the share action on mobile */
#fileList a.action-share span {
display: none; display: none;
} }

View File

@ -298,7 +298,7 @@
background-color: #eee; background-color: #eee;
color: #333; color: #333;
border-radius: 3px; border-radius: 3px;
border-top-right-radius: 0px; border-top-right-radius: 0;
z-index: 110; z-index: 110;
margin: -5px 14px 5px 10px; margin: -5px 14px 5px 10px;
right: 0; right: 0;