diff --git a/templates/admin/navbar.tmpl b/templates/admin/navbar.tmpl
index 777fe2992..641d3fad8 100644
--- a/templates/admin/navbar.tmpl
+++ b/templates/admin/navbar.tmpl
@@ -35,14 +35,14 @@
{{end}}
{{if .EnableActions}}
-
- {{.locale.Tr "actions.actions"}}
+
+ {{.locale.Tr "actions.actions"}}
-
+
{{end}}
{{.locale.Tr "admin.config"}}
@@ -50,8 +50,8 @@
{{.locale.Tr "admin.notices"}}
-
- {{.locale.Tr "admin.monitor"}}
+
+ {{.locale.Tr "admin.monitor"}}
-
+
diff --git a/templates/org/settings/navbar.tmpl b/templates/org/settings/navbar.tmpl
index fcce43f91..6bea9f5f6 100644
--- a/templates/org/settings/navbar.tmpl
+++ b/templates/org/settings/navbar.tmpl
@@ -23,8 +23,8 @@
{{end}}
{{if .EnableActions}}
-
- {{.locale.Tr "actions.actions"}}
+
+ {{.locale.Tr "actions.actions"}}
-
+
{{end}}
{{.locale.Tr "org.settings.delete"}}
diff --git a/templates/repo/settings/navbar.tmpl b/templates/repo/settings/navbar.tmpl
index b1beda7c9..e21f23f6a 100644
--- a/templates/repo/settings/navbar.tmpl
+++ b/templates/repo/settings/navbar.tmpl
@@ -34,8 +34,8 @@
{{end}}
{{if and .EnableActions (not .UnitActionsGlobalDisabled) (.Permission.CanRead $.UnitTypeActions)}}
-
- {{.locale.Tr "actions.actions"}}
+
+ {{.locale.Tr "actions.actions"}}
-
+
{{end}}
diff --git a/templates/user/settings/navbar.tmpl b/templates/user/settings/navbar.tmpl
index 26f498202..4ef2abeaa 100644
--- a/templates/user/settings/navbar.tmpl
+++ b/templates/user/settings/navbar.tmpl
@@ -20,8 +20,8 @@
{{.locale.Tr "settings.ssh_gpg_keys"}}
{{if .EnableActions}}
-
- {{.locale.Tr "actions.actions"}}
+
+ {{.locale.Tr "actions.actions"}}
-
+
{{end}}
{{if .EnablePackages}}
diff --git a/web_src/css/base.css b/web_src/css/base.css
index b352e6d98..a35eccb26 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -12,6 +12,7 @@
/* backgrounds */
--checkbox-mask-checked: url('data:image/svg+xml;utf8,');
--checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,');
+ --octicon-chevron-right: url('data:image/svg+xml;utf8,');
/* non-color variables */
--border-radius: 0.28571429rem;
--opacity-disabled: 0.55;
@@ -534,7 +535,8 @@ a.label,
}
.ui.menu .dropdown.item:hover,
-.ui.menu a.item:hover {
+.ui.menu a.item:hover,
+.ui.menu details.item summary:hover {
color: var(--color-text);
background: var(--color-hover);
}
diff --git a/web_src/css/index.css b/web_src/css/index.css
index 90ee41f52..689c3f4a2 100644
--- a/web_src/css/index.css
+++ b/web_src/css/index.css
@@ -9,6 +9,7 @@
@import "./shared/issuelist.css";
@import "./shared/repoorg.css";
+@import "./shared/settings.css";
@import "./features/dropzone.css";
@import "./features/gitgraph.css";
diff --git a/web_src/css/shared/settings.css b/web_src/css/shared/settings.css
new file mode 100644
index 000000000..297b691a4
--- /dev/null
+++ b/web_src/css/shared/settings.css
@@ -0,0 +1,37 @@
+details.toggleable-item {
+ user-select: none !important;
+ padding: 0 !important;
+}
+
+details.toggleable-item .menu {
+ margin: 4px 0 10px !important;
+}
+
+details.toggleable-item summary {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0.92857143em 1.14285714em;
+}
+
+details.toggleable-item summary::marker, /* Chrome, Edge, Firefox */
+details.toggleable-item summary::-webkit-details-marker /* Safari */ {
+ display: none;
+}
+
+details.toggleable-item summary::after {
+ transition: transform 0.25s ease;
+ content: '';
+ width: 14px;
+ height: 14px;
+ mask-size: cover;
+ -webkit-mask-size: cover;
+ mask-image: var(--octicon-chevron-right);
+ -webkit-mask-image: var(--octicon-chevron-right);
+ background: currentcolor;
+ border: 1px solid var(--color-body); /* workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1671784 */
+}
+
+details.toggleable-item[open] summary::after {
+ transform: rotate(90deg);
+}