Fix filename and popover menu misalignment

Signed-off-by: GretaD <gretadoci@gmail.com>

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 91797065769931deeb8fddcdd155f732f8ce7903..9d9daabc27997d4215a3e09082518dcaacd3da69 100644 (file)
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -59,7 +59,7 @@
        position: relative;
        width: 100%;
        min-width: 250px;
-       display: flex;
+       display: block;
        flex-direction: column;
        // hide table if emptycontent is not hidden
        #emptycontent:not(.hidden) ~ & {
@@ -77,6 +77,14 @@
                display: block;
                background-color: var(--color-main-background-translucent);
        }
+
+       /**
+        * This is a dirty hack as the sticky header requires us to use a different display type on the table element
+        */
+       tbody {
+               display: table;
+               width: 100%;
+       }
 }
 
 #filestable.hidden {
@@ -383,13 +391,12 @@ table {
                        width: 0;
                        flex-grow: 1;
                        display: flex;
-                       padding: 0;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        height: 100%;
                        z-index: 10;
-                       padding-right: 20px;
+                       padding: 0 20px 0 0;
                }
        }
 

diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss
index 3ba5f1e0d8d420a594256d8a35b76eec628c7523..da6fdd25f285ba855ecc144361ee7a7d12914d0c 100644 (file)
--- a/apps/files/css/mobile.scss
+++ b/apps/files/css/mobile.scss
@@ -8,11 +8,6 @@ $min-table-width: 688px;
        background-color: rgba(255, 255, 255, 1)!important;
 }
 
-#body-user #filestable {
-       min-width: 250px;
-       display: initial;
-}
-
 table th#headerSize,
 table td.filesize,
 table th#headerDate,