mirror of
https://codeberg.org/forgejo/forgejo
synced 2024-08-23 08:01:28 +02:00
Backport #24989. Clean cherry-pick aside from one small conflict with divider. - Various corrections to button styles, especially secondary - Remove focus highlight, it's annoying when it stays on button after press - Clearly define ghost and link buttons with demos in devtest - Remove black, grey and tertiary buttons, they should not be used - Make `arc-green` slightly darker <img width="1226" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/8d89786a-01ab-40f8-ae5a-e17f40e35084"> <img width="1249" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/83651e6d-3c27-46ff-b8bd-ff344d70e949">
39 lines
1.3 KiB
Handlebars
39 lines
1.3 KiB
Handlebars
{{/*
|
|
Template Attributes:
|
|
* locale
|
|
|
|
Two buttons (negative, positive):
|
|
* ModalButtonTypes: "yes" (default) or "confirm"
|
|
* ModalButtonColors: "green" (default) / "blue" / "yellow"
|
|
* ModalButtonCancelText
|
|
* ModalButtonOkText
|
|
|
|
Single danger button (GitHub-like):
|
|
* ModalButtonDangerText "This action will destroy your data"
|
|
|
|
The ".ok.button" and ".cancel.button" selectors are also used by Fomantic Modal internally
|
|
*/}}
|
|
<div class="actions">
|
|
{{if .ModalButtonDangerText}}
|
|
<button class="ui danger red ok button">{{.ModalButtonDangerText}}</button>
|
|
{{else}}
|
|
{{$textNegitive := .locale.Tr "modal.no"}}
|
|
{{$textPositive := .locale.Tr "modal.yes"}}
|
|
{{if eq .ModalButtonTypes "confirm"}}
|
|
{{$textNegitive = .locale.Tr "modal.cancel"}}
|
|
{{$textPositive = .locale.Tr "modal.confirm"}}
|
|
{{end}}
|
|
{{if .ModalButtonCancelText}}{{$textNegitive = .ModalButtonCancelText}}{{end}}
|
|
{{if .ModalButtonOkText}}{{$textPositive = .ModalButtonOkText}}{{end}}
|
|
|
|
{{$stylePositive := "green"}}
|
|
{{if eq .ModalButtonColors "blue"}}
|
|
{{$stylePositive = "blue"}}
|
|
{{else if eq .ModalButtonColors "yellow"}}
|
|
{{$stylePositive = "yellow"}}
|
|
{{end}}
|
|
<button class="ui basic cancel button">{{svg "octicon-x"}} {{$textNegitive}}</button>
|
|
<button class="ui {{$stylePositive}} ok button">{{svg "octicon-check"}} {{$textPositive}}</button>
|
|
{{end}}
|
|
</div>
|