diff options
Diffstat (limited to 'apps/files/css/mobile.scss')
| -rw-r--r-- | apps/files/css/mobile.scss | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss index 10fa29e7a38..703ae499835 100644 --- a/apps/files/css/mobile.scss +++ b/apps/files/css/mobile.scss @@ -12,7 +12,6 @@ min-width: initial !important; } -/* hide size and date columns */ table th#headerSize, table td.filesize, table th#headerDate, @@ -52,6 +51,11 @@ table td.filename .nametext .innernametext { max-width: calc(100% - 175px) !important; } +/* show the delete icon in name column in lower resolutions */ +table th#headerName .selectedActions .delete-selected { + display: inline; +} + /* proper notification area for multi line messages */ #notification-container { display: flex; @@ -75,3 +79,19 @@ table.dragshadow { } } +@media only screen and (max-width: 480px) { + /* Only show icons */ + table th .selectedActions a span:not(.icon) { + display: none; + } + + /* Increase touch area for the icons */ + table th .selectedActions a { + padding: 17px 14px; + } + + /* Remove the margin to reduce the overlap between the name and the icons */ + table.multiselect th .columntitle.name { + margin-left: 0; + } +} |