diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index dae10e343d..66e2f2af1d 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -476,10 +476,18 @@ table td.selection { } /* Use label to have bigger clickable size for checkbox */ -#fileList tr td.selection>.selectCheckBox + label, -.select-all + label { - padding: 16px; +#fileList tr td.selection>.selectCheckBox, +.select-all { + & + label { + padding: 16px; + } + + &:focus + label { + background-color: var(--color-background-hover); + border-radius: var(--border-radius-pill); + } } + #fileList tr td.selection>.selectCheckBox:focus-visible + label, .select-all:focus-visible + label { outline-offset: 0px; @@ -639,7 +647,11 @@ a.action > img { } } &:hover, &:focus { - opacity: .7; + opacity: 1; + } + &:focus { + background-color: var(--color-background-hover); + border-radius: var(--border-radius-pill); } } .fileActionsMenu a.action, a.action.action-share.shared-style { @@ -690,12 +702,14 @@ a.action > img { } .summary { - opacity: .3; + color: var(--color-text-maxcontrast); /* add whitespace to bottom of files list to correctly show dropdowns */ height: 250px; } #filestable .filesummary { width: 100%; + /* Width of checkbox and file preview */ + padding-left: 101px; } /* Less whitespace needed on link share page * as there is a footer and action menus have fewer entries. @@ -714,8 +728,8 @@ table tr.summary td { vertical-align: top; padding-top: 20px; } -.summary .info { - margin-left: 2px; +.summary td:first-child { + padding: 0; } .hiddeninfo { white-space: pre-line; diff --git a/apps/files/templates/appnavigation.php b/apps/files/templates/appnavigation.php index 8e65456794..7946d2a138 100644 --- a/apps/files/templates/appnavigation.php +++ b/apps/files/templates/appnavigation.php @@ -93,7 +93,10 @@ function NavigationListElements($item, $l, $pinned) { NavigationElementMenu($item); if (isset($item['sublist'])) { ?> - +