diff options
| author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2020-03-06 08:03:13 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-03-06 08:03:13 +0100 |
| commit | ed81337461c8c7763eb07a489fc980491dc9c046 (patch) | |
| tree | 6be86ce427301c677f97417208aeb96e0390f84c /apps/files | |
| parent | a036ca60189094bca5ad2575b425566950a53021 (diff) | |
| parent | 372bd505f878bd495f3dbbccbcb9bae08542ca44 (diff) | |
| download | nextcloud-server-ed81337461c8c7763eb07a489fc980491dc9c046.tar.gz nextcloud-server-ed81337461c8c7763eb07a489fc980491dc9c046.zip | |
Merge pull request #19440 from nextcloud/fix/filename_popovermenu_misalignment
Fix filename and popover menu misalignment
Diffstat (limited to 'apps/files')
| -rw-r--r-- | apps/files/css/files.scss | 13 | ||||
| -rw-r--r-- | apps/files/css/mobile.scss | 5 |
2 files changed, 10 insertions, 8 deletions
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 91797065769..9d9daabc279 100644 --- 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 3ba5f1e0d8d..da6fdd25f28 100644 --- 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, |