From 0dc4ed1f62b77d7e452f3cefe0fbcdc7df1e37a5 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Fri, 26 Jul 2024 10:41:19 +0200
Subject: style(settings): align icons at legacy help navigation
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
apps/settings/css/help.css | 10 +++++++++-
apps/settings/templates/help.php | 8 ++++----
2 files changed, 13 insertions(+), 5 deletions(-)
(limited to 'apps/settings')
diff --git a/apps/settings/css/help.css b/apps/settings/css/help.css
index 16374d99a6c..56262551bbe 100644
--- a/apps/settings/css/help.css
+++ b/apps/settings/css/help.css
@@ -7,8 +7,16 @@
overflow: hidden !important;
}
+.help-list__link {
+ display: flex;
+ align-items: center;
+ height: var(--default-clickable-area);
+ margin: 0 8px;
+ background-position: left center;
+}
+
.help-list__text {
- margin-left: 24px;
+ margin-left: 20px;
}
.help-iframe {
diff --git a/apps/settings/templates/help.php b/apps/settings/templates/help.php
index 77a7b5118e5..14883996791 100644
--- a/apps/settings/templates/help.php
+++ b/apps/settings/templates/help.php
@@ -9,7 +9,7 @@
<div id="app-navigation" role="navigation" tabindex="0">
<ul>
<li>
- <a class="icon-user <?php if ($_['mode'] === 'user') {
+ <a class="help-list__link icon-user <?php if ($_['mode'] === 'user') {
p('active');
} ?>" <?php if ($_['mode'] === 'user') {
print_unescaped('aria-current="page"');
@@ -22,7 +22,7 @@
</li>
<?php if ($_['admin']) { ?>
<li>
- <a class="icon-user-admin <?php if ($_['mode'] === 'admin') {
+ <a class="help-list__link icon-user-admin <?php if ($_['mode'] === 'admin') {
p('active');
} ?>" <?php if ($_['mode'] === 'admin') {
print_unescaped('aria-current="page"');
@@ -36,14 +36,14 @@
<?php } ?>
<li>
- <a href="https://docs.nextcloud.com" class="icon-category-office" target="_blank" rel="noreferrer noopener">
+ <a href="https://docs.nextcloud.com" class="help-list__link icon-category-office" target="_blank" rel="noreferrer noopener">
<span class="help-list__text">
<?php p($l->t('Documentation')); ?> ↗
</span>
</a>
</li>
<li>
- <a href="https://help.nextcloud.com" class="icon-comment" target="_blank" rel="noreferrer noopener">
+ <a href="https://help.nextcloud.com" class="help-list__link icon-comment" target="_blank" rel="noreferrer noopener">
<span class="help-list__text">
<?php p($l->t('Forum')); ?> ↗
</span>
--
cgit v1.2.3