fix layout and design of actions dropdown
This commit is contained in:
parent
9acbb3e902
commit
28abbb1485
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue