various style fixes (#25008)

- fixing various style issues (border color/radius, margin)
- added indent at some radio input blocks
---
### Before:
![Bildschirmfoto vom 2023-05-30
17-14-15](https://github.com/go-gitea/gitea/assets/47871822/59963646-d34f-4032-bd02-dbb48747b96d)

![Bildschirmfoto vom 2023-05-30
17-13-21](https://github.com/go-gitea/gitea/assets/47871822/87b67a35-8fbf-47ad-9903-499403dcebb5)

![Bildschirmfoto vom 2023-05-30
17-12-54](https://github.com/go-gitea/gitea/assets/47871822/6c92b427-ee54-42b1-b206-400e33d705ed)

![Bildschirmfoto vom 2023-05-30
17-05-29](https://github.com/go-gitea/gitea/assets/47871822/bd8d201d-bbc3-4c71-84fb-fb393d3c36bb)

![Bildschirmfoto vom 2023-05-30
17-04-36](https://github.com/go-gitea/gitea/assets/47871822/5f7a4e2a-f140-4162-8f3e-294356b42dee)

![Bildschirmfoto vom 2023-05-30
17-06-05](https://github.com/go-gitea/gitea/assets/47871822/d09e46b5-5e8f-41f1-af4b-24bc8cc12c21)

![Bildschirmfoto vom 2023-05-30
17-09-35](https://github.com/go-gitea/gitea/assets/47871822/179dd3f5-914d-4593-8698-46fdffd02d54)

### After:

![Bildschirmfoto vom 2023-05-30
17-14-03](https://github.com/go-gitea/gitea/assets/47871822/a404c53e-cd25-41bb-aece-bedf90c2e8ed)

![Bildschirmfoto vom 2023-05-30
17-13-35](https://github.com/go-gitea/gitea/assets/47871822/2ea8779c-9d13-44e7-8ad6-ebac10fac465)

![Bildschirmfoto vom 2023-05-30
17-12-45](https://github.com/go-gitea/gitea/assets/47871822/b34ffeb9-a7e8-4900-97ee-1894f91e189c)

![Bildschirmfoto vom 2023-05-30
17-05-18](https://github.com/go-gitea/gitea/assets/47871822/f8d18360-db3e-472a-9e86-575e6dcb4f36)

![Bildschirmfoto vom 2023-05-30
17-04-49](https://github.com/go-gitea/gitea/assets/47871822/12fc20d6-4fa5-4ac4-b788-a1506647ef47)

![Bildschirmfoto vom 2023-05-30
17-06-23](https://github.com/go-gitea/gitea/assets/47871822/2a82f8e9-3455-4619-9a2e-352c40c4e0b6)

![Bildschirmfoto vom 2023-05-30
17-11-26](https://github.com/go-gitea/gitea/assets/47871822/ab408878-45fb-4713-84c4-5777705a98ab)

---------

Co-authored-by: silverwind <me@silverwind.io>

diff --git a/templates/admin/cron.tmpl b/templates/admin/cron.tmpl
index fe3c88aec1d68e33cb8b65e39d56eb0b3dab2199..c15461943512c015b7d367c1aff744752738159e 100644 (file)
--- a/templates/admin/cron.tmpl
+++ b/templates/admin/cron.tmpl
@@ -5,7 +5,7 @@
        </h4>
        <div class="ui attached table segment">
                <form method="post" action="{{AppSubUrl}}/admin">
-                       <table class="ui very basic striped table unstackable">
+                       <table class="ui very basic striped table unstackable gt-mb-0">
                                <thead>
                                        <tr>
                                                <th></th>

diff --git a/templates/admin/dashboard.tmpl b/templates/admin/dashboard.tmpl
index 91a84aebf5514f05b6cdbcdffe75a4c17b76f238..e7d986ee17b884f8d8514e362c5f2c5fa84be951 100644 (file)
--- a/templates/admin/dashboard.tmpl
+++ b/templates/admin/dashboard.tmpl
@@ -19,7 +19,7 @@
                <div class="ui attached table segment">
                        <form method="post" action="{{AppSubUrl}}/admin">
                                {{.CsrfTokenHtml}}
-                               <table class="ui very basic table gt-px-4">
+                               <table class="ui very basic table gt-mt-0 gt-px-4">
                                        <tbody>
                                                <tr>
                                                        <td>{{.locale.Tr "admin.dashboard.delete_inactive_accounts"}}</td>

diff --git a/templates/admin/user/edit.tmpl b/templates/admin/user/edit.tmpl
index 6130c38d98f1cb9fcc9bb91e54f69be081c73583..4e982234de644f90d35a5182afdcaf8f9169e447 100644 (file)
--- a/templates/admin/user/edit.tmpl
+++ b/templates/admin/user/edit.tmpl
@@ -166,7 +166,7 @@
                                                <label>{{.locale.Tr "settings.lookup_avatar_by_mail"}}</label>
                                        </div>
                                </div>
-                               <div class="field {{if .Err_Gravatar}}error{{end}}">
+                               <div class="field gt-pl-4 {{if .Err_Gravatar}}error{{end}}">
                                        <label for="gravatar">Avatar {{.locale.Tr "email"}}</label>
                                        <input id="gravatar" name="gravatar" value="{{.User.AvatarEmail}}">
                                </div>
@@ -179,7 +179,7 @@
                                        </div>
                                </div>
 
-                               <div class="inline field">
+                               <div class="inline field gt-pl-4">
                                        <label for="avatar">{{.locale.Tr "settings.choose_new_avatar"}}</label>
                                        <input name="avatar" type="file" accept="image/png,image/jpeg,image/gif,image/webp">
                                </div>

diff --git a/templates/repo/settings/options.tmpl b/templates/repo/settings/options.tmpl
index 18a5b044639a4c5c19b5e2f14d2824f7e78d8211..e54c8a23a21414d4a103790c67443dfeaefb2191 100644 (file)
--- a/templates/repo/settings/options.tmpl
+++ b/templates/repo/settings/options.tmpl
@@ -330,7 +330,7 @@
                                                        <label>{{.locale.Tr "repo.settings.use_external_wiki"}}</label>
                                                </div>
                                        </div>
-                                       <div class="field {{if not (.Repository.UnitEnabled $.Context $.UnitTypeExternalWiki)}}disabled{{end}}" id="external_wiki_box">
+                                       <div class="field gt-pl-4 {{if not (.Repository.UnitEnabled $.Context $.UnitTypeExternalWiki)}}disabled{{end}}" id="external_wiki_box">
                                                <label for="external_wiki_url">{{.locale.Tr "repo.settings.external_wiki_url"}}</label>
                                                <input id="external_wiki_url" name="external_wiki_url" type="url" value="{{(.Repository.MustGetUnit $.Context $.UnitTypeExternalWiki).ExternalWikiConfig.ExternalWikiURL}}">
                                                <p class="help">{{.locale.Tr "repo.settings.external_wiki_url_desc"}}</p>
@@ -362,7 +362,7 @@
                                                        <label>{{.locale.Tr "repo.settings.use_internal_issue_tracker"}}</label>
                                                </div>
                                        </div>
-                                       <div class="field {{if (.Repository.UnitEnabled $.Context $.UnitTypeExternalTracker)}}disabled{{end}}" id="internal_issue_box">
+                                       <div class="field gt-pl-4 {{if (.Repository.UnitEnabled $.Context $.UnitTypeExternalTracker)}}disabled{{end}}" id="internal_issue_box">
                                                {{if .Repository.CanEnableTimetracker}}
                                                        <div class="field">
                                                                <div class="ui checkbox">
@@ -398,7 +398,7 @@
                                                        <label>{{.locale.Tr "repo.settings.use_external_issue_tracker"}}</label>
                                                </div>
                                        </div>
-                                       <div class="field {{if not (.Repository.UnitEnabled $.Context $.UnitTypeExternalTracker)}}disabled{{end}}" id="external_issue_box">
+                                       <div class="field gt-pl-4 {{if not (.Repository.UnitEnabled $.Context $.UnitTypeExternalTracker)}}disabled{{end}}" id="external_issue_box">
                                                <div class="field">
                                                        <label for="external_tracker_url">{{.locale.Tr "repo.settings.external_tracker_url"}}</label>
                                                        <input id="external_tracker_url" name="external_tracker_url" type="url" value="{{(.Repository.MustGetUnit $.Context $.UnitTypeExternalTracker).ExternalTrackerConfig.ExternalTrackerURL}}">

diff --git a/templates/user/settings/profile.tmpl b/templates/user/settings/profile.tmpl
index e6ba283a0cbf395f473e56c6fec12819811ff046..a581b13bd57fcb75311f145db4f3c65983e526f6 100644 (file)
--- a/templates/user/settings/profile.tmpl
+++ b/templates/user/settings/profile.tmpl
@@ -105,7 +105,7 @@
                                                <label>{{.locale.Tr "settings.lookup_avatar_by_mail"}}</label>
                                        </div>
                                </div>
-                               <div class="field {{if .Err_Gravatar}}error{{end}}">
+                               <div class="field gt-pl-4 {{if .Err_Gravatar}}error{{end}}">
                                        <label for="gravatar">Avatar {{.locale.Tr "email"}}</label>
                                        <input id="gravatar" name="gravatar" value="{{.SignedUser.AvatarEmail}}">
                                </div>
@@ -118,7 +118,7 @@
                                        </div>
                                </div>
 
-                               <div class="inline field">
+                               <div class="inline field gt-pl-4">
                                        <label for="avatar">{{.locale.Tr "settings.choose_new_avatar"}}</label>
                                        <input name="avatar" type="file" accept="image/png,image/jpeg,image/gif,image/webp">
                                </div>

diff --git a/web_src/css/base.css b/web_src/css/base.css
index 9bee0e4dcbcaa654ab0c556781593f63f88e398c..3c32eb6045c4df7b60693ac98940a097b61ccdd3 100644 (file)
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -556,7 +556,7 @@ a.label,
   color: var(--color-text-light-3);
 }
 
-.ui.menu .item::before {
+.ui.menu .item::before, .ui.vertical.menu .item::before {
   background: var(--color-secondary);
 }
 
@@ -606,6 +606,7 @@ a.label,
 .ui.dropdown .menu .active.item {
   color: var(--color-text);
   background: var(--color-active);
+  border-radius: 0;
   font-weight: var(--font-weight-normal);
 }
 
@@ -850,6 +851,7 @@ a.label,
 
 .ui.table > thead > tr > th {
   background: var(--color-box-header);
+  border-color: var(--color-secondary);
   color: var(--color-text);
 }