From d0bbe4df880fae78bfa7880875cf369979ad17bc Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 May 2023 20:00:58 +0200
Subject: [PATCH 1/7] Notification list enhancements
---
.../user/notification/notification_div.tmpl | 16 ++++++++--------
web_src/css/base.css | 15 +++++++++++++++
2 files changed, 23 insertions(+), 8 deletions(-)
diff --git a/templates/user/notification/notification_div.tmpl b/templates/user/notification/notification_div.tmpl
index 1ea34fe2a68dd..50d1830001d2a 100644
--- a/templates/user/notification/notification_div.tmpl
+++ b/templates/user/notification/notification_div.tmpl
@@ -21,7 +21,7 @@
</form>
{{end}}
</div>
- <div class="ui bottom attached active tab segment">
+ <div class="ui bottom attached active tab segment gt-p-3">
{{if eq (len .Notifications) 0}}
{{if eq .Status 1}}
{{.locale.Tr "notification.no_unread"}}
@@ -29,7 +29,7 @@
{{.locale.Tr "notification.no_read"}}
{{end}}
{{else}}
- <table class="ui unstackable striped very compact small selectable table" id="notification_table">
+ <table class="ui unstackable very compact small table" id="notification_table">
<tbody>
{{range $notification := .Notifications}}
{{$issue := .Issue}}
@@ -59,16 +59,16 @@
{{end}}
</td>
<td class="eleven wide">
- <a class="item" href="{{.Link}}">
+ <a class="item issue-title muted" href="{{.Link}}">
{{if $issue}}
- #{{$issue.Index}} - {{$issue.Title}}
+ #{{$issue.Index}} - {{$issue.Title | RenderEmoji $.Context | RenderCodeBlock}}
{{else}}
{{$repo.FullName}}
{{end}}
</a>
</td>
<td>
- <a class="item" href="{{$repo.Link}}">{{$repo.FullName}}</a>
+ <a class="item muted" href="{{$repo.Link}}">{{$repo.FullName}}</a>
</td>
<td class="collapsing">
{{if ne .Status 3}}
@@ -76,7 +76,7 @@
{{$.CsrfTokenHtml}}
<input type="hidden" name="notification_id" value="{{.ID}}">
<input type="hidden" name="status" value="pinned">
- <button class="ui mini button" title='{{$.locale.Tr "notification.pin"}}'
+ <button class="ui mini button button-link" title='{{$.locale.Tr "notification.pin"}}'
data-url="{{AppSubUrl}}/notifications/status"
data-status="pinned"
data-page="{{$.Page.Paginater.Current}}"
@@ -94,7 +94,7 @@
<input type="hidden" name="notification_id" value="{{.ID}}">
<input type="hidden" name="status" value="read">
<input type="hidden" name="page" value="{{$.Page.Paginater.Current}}">
- <button class="ui mini button" title='{{$.locale.Tr "notification.mark_as_read"}}'
+ <button class="ui mini button button-link" title='{{$.locale.Tr "notification.mark_as_read"}}'
data-url="{{AppSubUrl}}/notifications/status"
data-status="read"
data-page="{{$.Page.Paginater.Current}}"
@@ -109,7 +109,7 @@
<input type="hidden" name="notification_id" value="{{.ID}}">
<input type="hidden" name="status" value="unread">
<input type="hidden" name="page" value="{{$.Page.Paginater.Current}}">
- <button class="ui mini button" title='{{$.locale.Tr "notification.mark_as_unread"}}'
+ <button class="ui mini button button-link" title='{{$.locale.Tr "notification.mark_as_unread"}}'
data-url="{{AppSubUrl}}/notifications/status"
data-status="unread"
data-page="{{$.Page.Paginater.Current}}"
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 591c09377cd0d..cf095c283b3f3 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1148,6 +1148,11 @@ a.ui.card:hover {
border-top-color: var(--color-secondary-alpha-50);
}
+.ui.striped.table > tr:nth-child(2n),
+.ui.striped.table > tbody > tr:nth-child(2n) {
+ background: var(--color-light);
+}
+
.ui.ui.ui.ui.table tr.active,
.ui.ui.table td.active {
color: var(--color-text);
@@ -2232,6 +2237,16 @@ a.ui.active.label:hover {
border-left: none;
}
+.ui.button.button-link {
+ background: transparent;
+ border: none;
+ color: inherit;
+}
+
+.ui.button.button-link:hover {
+ color: var(--color-primary);
+}
+
.two-toggle-buttons .button:not(.active):first-of-type {
border-right: none;
}
From 984a1a8eb7ee84fbff669669189ef009d3452ff5 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 May 2023 20:05:10 +0200
Subject: [PATCH 2/7] fix button margin-right
---
templates/user/notification/notification_div.tmpl | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/templates/user/notification/notification_div.tmpl b/templates/user/notification/notification_div.tmpl
index 50d1830001d2a..d49c682cd86ed 100644
--- a/templates/user/notification/notification_div.tmpl
+++ b/templates/user/notification/notification_div.tmpl
@@ -14,7 +14,7 @@
<form action="{{AppSubUrl}}/notifications/purge" method="POST" style="margin-left: auto;">
{{$.CsrfTokenHtml}}
<div class="{{if not $notificationUnreadCount}}gt-hidden{{end}}">
- <button class="ui mini button primary" title='{{$.locale.Tr "notification.mark_all_as_read"}}'>
+ <button class="ui mini button primary gt-mr-0" title='{{$.locale.Tr "notification.mark_all_as_read"}}'>
{{svg "octicon-checklist"}}
</button>
</div>
From 95e7983ce7e6201d3407e5894e511a176ce19a80 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 May 2023 20:09:39 +0200
Subject: [PATCH 3/7] brighten color-markup-code-block on arc-green
---
web_src/css/themes/theme-arc-green.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/web_src/css/themes/theme-arc-green.css b/web_src/css/themes/theme-arc-green.css
index 42cde81802969..84007d2e2dfe5 100644
--- a/web_src/css/themes/theme-arc-green.css
+++ b/web_src/css/themes/theme-arc-green.css
@@ -151,7 +151,7 @@
--color-menu: #2e323e;
--color-card: #2e323e;
--color-markup-table-row: #ffffff06;
- --color-markup-code-block: #ffffff0d;
+ --color-markup-code-block: #ffffff16;
--color-button: #353846;
--color-code-bg: #2a2e3a;
--color-code-sidebar-bg: #2e323e;
From f5c46f165c4c8bd50b0d0944663d6aabd29bf057 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 May 2023 20:35:04 +0200
Subject: [PATCH 4/7] add margin helpers and replace all instances of inline
margin-left: auto
---
templates/repo/issue/list.tmpl | 4 ++--
templates/repo/issue/milestone_issues.tmpl | 6 +++---
templates/user/dashboard/navbar.tmpl | 2 +-
templates/user/notification/notification_div.tmpl | 2 +-
web_src/css/helpers.css | 8 ++++++++
5 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/templates/repo/issue/list.tmpl b/templates/repo/issue/list.tmpl
index a7311c249033b..d739561d27900 100644
--- a/templates/repo/issue/list.tmpl
+++ b/templates/repo/issue/list.tmpl
@@ -215,9 +215,9 @@
{{if not .Repository.IsArchived}}
<!-- Action Button -->
{{if .IsShowClosed}}
- <button class="ui green active basic button issue-action" data-action="open" data-url="{{$.RepoLink}}/issues/status" style="margin-left: auto">{{.locale.Tr "repo.issues.action_open"}}</button>
+ <button class="ui green active basic button issue-action gt-ml-auto" data-action="open" data-url="{{$.RepoLink}}/issues/status">{{.locale.Tr "repo.issues.action_open"}}</button>
{{else}}
- <button class="ui red active basic button issue-action" data-action="close" data-url="{{$.RepoLink}}/issues/status" style="margin-left: auto">{{.locale.Tr "repo.issues.action_close"}}</button>
+ <button class="ui red active basic button issue-action gt-ml-auto" data-action="close" data-url="{{$.RepoLink}}/issues/status">{{.locale.Tr "repo.issues.action_close"}}</button>
{{end}}
<!-- Labels -->
<div class="ui {{if not .Labels}}disabled{{end}} dropdown jump item">
diff --git a/templates/repo/issue/milestone_issues.tmpl b/templates/repo/issue/milestone_issues.tmpl
index a1fc24588733a..82d2cac94348c 100644
--- a/templates/repo/issue/milestone_issues.tmpl
+++ b/templates/repo/issue/milestone_issues.tmpl
@@ -51,7 +51,7 @@
<div class="issue-list-toolbar-right">
<div class="ui secondary filter stackable menu labels">
<!-- Label -->
- <div class="ui {{if not .Labels}}disabled{{end}} dropdown jump item label-filter" style="margin-left: auto">
+ <div class="ui {{if not .Labels}}disabled{{end}} dropdown jump item label-filter gt-ml-auto">
<span class="text">
{{.locale.Tr "repo.issues.filter_label"}}
{{svg "octicon-triangle-down" 14 "dropdown icon"}}
@@ -153,9 +153,9 @@
<div class="ui secondary filter stackable menu">
<!-- Action Button -->
{{if .IsShowClosed}}
- <button class="ui green active basic button issue-action" data-action="open" data-url="{{$.RepoLink}}/issues/status" style="margin-left: auto">{{.locale.Tr "repo.issues.action_open"}}</button>
+ <button class="ui green active basic button issue-action gt-ml-auto" data-action="open" data-url="{{$.RepoLink}}/issues/status">{{.locale.Tr "repo.issues.action_open"}}</button>
{{else}}
- <button class="ui red active basic button issue-action" data-action="close" data-url="{{$.RepoLink}}/issues/status" style="margin-left: auto">{{.locale.Tr "repo.issues.action_close"}}</button>
+ <button class="ui red active basic button issue-action gt-ml-auto" data-action="close" data-url="{{$.RepoLink}}/issues/status">{{.locale.Tr "repo.issues.action_close"}}</button>
{{end}}
<!-- Labels -->
<div class="ui {{if not .Labels}}disabled{{end}} dropdown jump item">
diff --git a/templates/user/dashboard/navbar.tmpl b/templates/user/dashboard/navbar.tmpl
index 7703bbfb98ce8..20b66b2ec3791 100644
--- a/templates/user/dashboard/navbar.tmpl
+++ b/templates/user/dashboard/navbar.tmpl
@@ -78,7 +78,7 @@
{{if .ContextUser.IsOrganization}}
<div class="right stackable menu">
- <a class="{{if .PageIsNews}}active {{end}}item" style="margin-left: auto" href="{{.ContextUser.DashboardLink}}{{if .Team}}/{{PathEscape .Team.Name}}{{end}}">
+ <a class="{{if .PageIsNews}}active {{end}}item gt-ml-auto" href="{{.ContextUser.DashboardLink}}{{if .Team}}/{{PathEscape .Team.Name}}{{end}}">
{{svg "octicon-rss"}} {{.locale.Tr "activities"}}
</a>
{{if not .UnitIssuesGlobalDisabled}}
diff --git a/templates/user/notification/notification_div.tmpl b/templates/user/notification/notification_div.tmpl
index d49c682cd86ed..b8efd2433e8c8 100644
--- a/templates/user/notification/notification_div.tmpl
+++ b/templates/user/notification/notification_div.tmpl
@@ -11,7 +11,7 @@
{{.locale.Tr "notification.read"}}
</a>
{{if and (eq .Status 1)}}
- <form action="{{AppSubUrl}}/notifications/purge" method="POST" style="margin-left: auto;">
+ <form class="gt-ml-auto" action="{{AppSubUrl}}/notifications/purge" method="POST">
{{$.CsrfTokenHtml}}
<div class="{{if not $notificationUnreadCount}}gt-hidden{{end}}">
<button class="ui mini button primary gt-mr-0" title='{{$.locale.Tr "notification.mark_all_as_read"}}'>
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index ceb20db043cb6..76ad89cc26ccd 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -163,6 +163,14 @@ Gitea's private styles use `g-` prefix.
.gt-my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.gt-my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
+.gt-m-auto { margin: auto !important }
+.gt-mx-auto { margin-left: auto !important }
+.gt-my-auto { margin-top: auto !important }
+.gt-mt-auto { margin-top: auto !important }
+.gt-mr-auto { margin-right: auto !important }
+.gt-mb-auto { margin-bottom: auto !important }
+.gt-ml-auto { margin-left: auto !important }
+
.gt-p-0 { padding: 0 !important; }
.gt-p-1 { padding: .125rem !important; }
.gt-p-2 { padding: .25rem !important; }
From 19ac416fdf42b2042b653d188fb12abd7bed80bd Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 May 2023 20:37:18 +0200
Subject: [PATCH 5/7] add another striped table selector
---
web_src/css/base.css | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/web_src/css/base.css b/web_src/css/base.css
index cf095c283b3f3..c33acbe9c4e1a 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1149,7 +1149,8 @@ a.ui.card:hover {
}
.ui.striped.table > tr:nth-child(2n),
-.ui.striped.table > tbody > tr:nth-child(2n) {
+.ui.striped.table > tbody > tr:nth-child(2n),
+.ui.basic.striped.table > tbody > tr:nth-child(2n) {
background: var(--color-light);
}
From 219bbb9c933bc6680505d6f69a97b17cdd081076 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 May 2023 20:43:26 +0200
Subject: [PATCH 6/7] fix helpers
---
web_src/css/helpers.css | 14 +++++++-------
1 file changed, 7 insertions(+), 7 deletions(-)
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 76ad89cc26ccd..22e18f79269ac 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -163,13 +163,13 @@ Gitea's private styles use `g-` prefix.
.gt-my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.gt-my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
-.gt-m-auto { margin: auto !important }
-.gt-mx-auto { margin-left: auto !important }
-.gt-my-auto { margin-top: auto !important }
-.gt-mt-auto { margin-top: auto !important }
-.gt-mr-auto { margin-right: auto !important }
-.gt-mb-auto { margin-bottom: auto !important }
-.gt-ml-auto { margin-left: auto !important }
+.gt-m-auto { margin: auto !important; }
+.gt-mx-auto { margin-left: auto !important; margin-right: auto !important; }
+.gt-my-auto { margin-top: auto !important; margin-bottom: auto !important; }
+.gt-mt-auto { margin-top: auto !important; }
+.gt-mr-auto { margin-right: auto !important; }
+.gt-mb-auto { margin-bottom: auto !important; }
+.gt-ml-auto { margin-left: auto !important; }
.gt-p-0 { padding: 0 !important; }
.gt-p-1 { padding: .125rem !important; }
From 4b1c5b7652b813e07333ca06d63a2e943aa65b05 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 May 2023 23:24:24 +0200
Subject: [PATCH 7/7] restart ci