fix layout and design of actions dropdown

2 files changed, 31 insertions, 13 deletions

diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index e608a029e2b..d283a62b70b 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -521,6 +521,20 @@ table td.filename .uploadtext {
 	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 */
 #fileList .icon-loading-small {
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
@@ -720,4 +734,3 @@ table.dragshadow td.size {
 .fileActionsMenu li:hover .action {
 	opacity: 1;
 }
-
diff --git a/apps/files/css/mobile.css b/apps/files/css/mobile.css
index 4881f7c70e4..3c51f15dc0f 100644
--- a/apps/files/css/mobile.css
+++ b/apps/files/css/mobile.css
@@ -5,11 +5,6 @@
 	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 */
 table th#headerSize,
 table td.filesize,
@@ -38,7 +33,8 @@ table td.filename .nametext {
 }
 
 /* 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;
 	filter: alpha(opacity=20) !important;
 	opacity: .2 !important;
@@ -50,17 +46,26 @@ table td.filename .nametext {
 	filter: alpha(opacity=70) !important;
 	opacity: .7 !important;
 }
-/* do not show Rename or Versions on mobile */
-#fileList .action.action-rename,
-#fileList .action.action-versions {
-	display: none !important;
+#fileList a.action.action-menu img {
+	padding-left: 2px;
+}
+
+#fileList .fileActionsMenu {
+	margin-right: 5px;
 }
 /* some padding for better clickability */
 #fileList a.action img {
 	padding: 0 6px 0 12px;
 }
-/* hide text of the actions on mobile */
-#fileList a.action span {
+#fileList .fileActionsMenu a.action img {
+	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;
 }