diff options
author | wxiaoguang <wxiaoguang@gmail.com> | 2023-06-02 18:02:20 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-06-02 18:02:20 +0800 |
commit | e3897148f9e612e363854d790a1e77807dac8d0d (patch) | |
tree | b40b0dbc1cd554a0a88b7be7f1a48239e6870b2b /templates/user | |
parent | de4a21fcb4476772c69c36d086549e89ed4dcf6c (diff) | |
download | gitea-e3897148f9e612e363854d790a1e77807dac8d0d.tar.gz gitea-e3897148f9e612e363854d790a1e77807dac8d0d.zip |
Minor UI improvements: logo alignment, auth map editor, auth name display (#25043)
Some minor UI improvements together (then no need to review 3 small PRs)
# The Map for auth sources
Close #24826
Now the LDAP and OAuth2 both have multiple line editor for the map (and
it can be resized by the handler)
<details>
![image](https://github.com/go-gitea/gitea/assets/2114189/7eed1618-0d71-4df2-84bd-ca20a06c02db)
![image](https://github.com/go-gitea/gitea/assets/2114189/a94dc6dc-0e3b-4185-bac1-8d16561b8e62)
</details>
# The account link display
Before, the UI is misaligned
This PR fixes the misalignment, remove "float right", and show the auth
source name and auth type (in the tooltip).
And the "active" color is changed from dark red to primary color.
Before:
<details>
![image](https://github.com/go-gitea/gitea/assets/2114189/3bb4a8f2-2f66-4d62-ac96-096f14aeb819)
</details>
After:
<details>
![image](https://github.com/go-gitea/gitea/assets/2114189/05ca46ae-7769-422d-a52a-b7402679cd05)
</details>
# The UI logo alignment
Changed file: `css/base.css`.
Before, there were some "fine tunes", these "fine tunes" only causes
misalignment.
<details>
![image](https://github.com/go-gitea/gitea/assets/2114189/395b03c2-6e8c-4742-abf9-8d548dab908d)
</details>
After this PR:
<details>
![image](https://github.com/go-gitea/gitea/assets/2114189/3339acdc-7391-45bc-b6ec-a5b3bc7830a6)
![image](https://github.com/go-gitea/gitea/assets/2114189/656a7bee-cdfb-4232-aee9-25b76cae8e00)
</details>
Diffstat (limited to 'templates/user')
-rw-r--r-- | templates/user/settings/security/accountlinks.tmpl | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/templates/user/settings/security/accountlinks.tmpl b/templates/user/settings/security/accountlinks.tmpl index 29fbe6832c..b9f8af34c7 100644 --- a/templates/user/settings/security/accountlinks.tmpl +++ b/templates/user/settings/security/accountlinks.tmpl @@ -25,16 +25,16 @@ </div> {{if .AccountLinks}} {{range $loginSource, $provider := .AccountLinks}} - <div class="item"> - <div class="right floated content"> - <button class="ui red tiny button delete-button" data-modal-id="delete-account-link" data-url="{{AppSubUrl}}/user/settings/security/account_link" data-id="{{$loginSource.ID}}"> - {{$.locale.Tr "settings.delete_key"}} - </button> - </div> - <div class="content"> - <strong>{{$provider}}</strong> - {{if $loginSource.IsActive}}<span class="text red">{{$.locale.Tr "repo.settings.active"}}</span>{{end}} + <div class="item gt-df gt-ac"> + <div class="gt-f1"> + <span data-tooltip-content="{{$provider}}"> + {{$loginSource.Name}} + {{if $loginSource.IsActive}}<span class="text primary">{{$.locale.Tr "repo.settings.active"}}</span>{{end}} + </span> </div> + <button class="ui red tiny button delete-button" data-modal-id="delete-account-link" data-url="{{AppSubUrl}}/user/settings/security/account_link" data-id="{{$loginSource.ID}}"> + {{$.locale.Tr "settings.delete_key"}} + </button> </div> {{end}} {{end}} |