diff options
| author | Julius Härtl <jus@bitgrid.net> | 2022-08-31 08:51:09 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2022-09-01 14:15:41 +0200 |
| commit | 5d375647a5690275318b1299f1d9d716cb96b038 (patch) | |
| tree | 6bd6ad019ebc082fdcc57eb4434b306e4fba2f46 /apps/files/css | |
| parent | b455b07390ccfc8c00d5ca66817b83edaaf4ff7e (diff) | |
| download | nextcloud-server-5d375647a5690275318b1299f1d9d716cb96b038.tar.gz nextcloud-server-5d375647a5690275318b1299f1d9d716cb96b038.zip | |
Fix some styling issues with the new containers
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'apps/files/css')
| -rw-r--r-- | apps/files/css/files.scss | 48 |
1 files changed, 46 insertions, 2 deletions
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 715a404be07..d9fe8fd494d 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -307,7 +307,6 @@ table th.column-last, table td.column-last { position: relative; /* this can not be just width, both need to be set … table styling */ min-width: 130px; - max-width: 130px; } #app-content-recent, @@ -318,7 +317,9 @@ table th.column-last, table td.column-last { #app-content-sharinglinks, #app-content-deletedshares, #app-content-pendingshares { - margin-top: 22px; + thead { + top: 0; + } } table.multiselect thead th { @@ -809,6 +810,49 @@ table.dragshadow td.size { } } + +.files-controls { + box-sizing: border-box; + position: -webkit-sticky; + position: sticky; + height: 54px; + padding: 0; + margin: 0; + background-color: var(--color-main-background-translucent); + z-index: 62; /* must be above the filelist sticky header and texteditor menubar */ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: flex; + top: 0; + + .actions { + > div, + & { + > .button, button { + box-sizing: border-box; + display: inline-block; + display: flex; + height: 44px; + width: 44px; + padding: 9px; // width - border - icon width = 18px + align-items: center; + justify-content: center; + } + .button.hidden { + display: none; + } + } + } +} + +/* position controls for apps with app-navigation */ + +.viewer-mode #app-navigation + #app-content .files-controls { + left: 0; +} + .files-filestable .filename .action .icon, .files-filestable .selectedActions a .icon, .files-filestable .filename .favorite-mark .icon, |