diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index dae10e343d303..66e2f2af1ddc7 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 8e65456794675..7946d2a138a65 100644
--- a/apps/files/templates/appnavigation.php
+++ b/apps/files/templates/appnavigation.php
@@ -93,7 +93,10 @@ class="nav-icon-
-
+
checked="checked" />
diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index cc798868c53b4..88c5e4dbcf990 100644
--- a/apps/settings/css/settings.scss
+++ b/apps/settings/css/settings.scss
@@ -55,6 +55,9 @@ input {
#uploadavatarbutton, #selectavatar, #removeavatar {
padding: 21px;
}
+#selectavatar, #removeavatar {
+ vertical-align: top;
+}
.jcrop-holder {
z-index: 500;
@@ -118,9 +121,19 @@ input {
width: 100%;
}
-.personal-settings-setting-box input {
- &[type='text'], &[type='email'], &[type='tel'], &[type='url'] {
- width: 100%;
+.personal-settings-setting-box {
+ .section {
+ padding: 10px 30px;
+
+ h3 {
+ margin-bottom: 0;
+ }
+
+ input {
+ &[type='text'], &[type='email'], &[type='tel'], &[type='url'] {
+ width: 100%;
+ }
+ }
}
}
@@ -361,11 +374,20 @@ select {
.federation-menu {
position: relative;
cursor: pointer;
- margin-left: 10px;
+ width: 44px;
+ height: 44px;
+ padding: 10px;
+ margin: -12px 0 0 8px;
+ background: none;
+ border: none;
+ &:hover,
&:focus {
+ background-color: var(--color-background-hover);
+ border-radius: var(--border-radius-pill);
+
.icon-federation-menu {
- opacity: 0.7;
+ opacity: 0.8;
}
}
@@ -928,10 +950,6 @@ span.version {
}
}
-.personal-settings-setting-box .section {
- padding: 10px 30px;
-}
-
.followupsection {
display: block;
padding: 0 30px 30px 30px;
diff --git a/apps/settings/js/settings/personalInfo.js b/apps/settings/js/settings/personalInfo.js
index e71f484012356..f53e120dcf5b2 100644
--- a/apps/settings/js/settings/personalInfo.js
+++ b/apps/settings/js/settings/personalInfo.js
@@ -306,6 +306,13 @@ window.addEventListener('DOMContentLoaded', function () {
$('#uploadavatar').fileupload(uploadparms);
+ // Trigger upload action also with keyboard navigation on enter
+ $('#uploadavatarbutton').on('keyup', function(event) {
+ if (event.key === ' ' || event.key === 'Enter') {
+ $('#uploadavatar').trigger('click');
+ }
+ });
+
$('#selectavatar').click(function () {
OC.dialogs.filepicker(
t('settings', "Select a profile picture"),
diff --git a/apps/settings/js/templates.js b/apps/settings/js/templates.js
index 25c2e790040dc..d0d623d9ed939 100644
--- a/apps/settings/js/templates.js
+++ b/apps/settings/js/templates.js
@@ -8,7 +8,7 @@ templates['federationscopemenu'] = template({"1":function(container,depth0,helpe
return undefined
};
- return " - \n