loading up the forgejo repo on tangled to test page performance
Cleanup and use global style on popups (#17674)
* Cleanup and use global style on popups
- Fix typo 'poping' to 'popping'
- Remove most inline 'data-variation' attributes
- Initialize all popups with 'inverted tiny' variation
* misc tweaks
* rename to .tooltip, use jQuery
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
authored by
silverwind
wxiaoguang
and committed by
GitHub
6874fe90
c98dd7a3
+129
-121
+2
-2
templates/admin/auth/list.tmpl
+2
-2
templates/admin/auth/list.tmpl
···
29
29
<td><a href="{{AppSubUrl}}/admin/auths/{{.ID}}">{{.Name}}</a></td>
30
30
<td>{{.TypeName}}</td>
31
31
<td>{{if .IsActive}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</td>
32
-
<td><span class="poping up" data-content="{{.UpdatedUnix.FormatShort}}" data-variation="tiny">{{.UpdatedUnix.FormatShort}}</span></td>
33
-
<td><span class="poping up" data-content="{{.CreatedUnix.FormatLong}}" data-variation="tiny">{{.CreatedUnix.FormatShort}}</span></td>
32
+
<td><span class="tooltip" data-content="{{.UpdatedUnix.FormatShort}}">{{.UpdatedUnix.FormatShort}}</span></td>
33
+
<td><span class="tooltip" data-content="{{.CreatedUnix.FormatLong}}">{{.CreatedUnix.FormatShort}}</span></td>
34
34
<td><a href="{{AppSubUrl}}/admin/auths/{{.ID}}">{{svg "octicon-pencil"}}</a></td>
35
35
</tr>
36
36
{{end}}
+1
-1
templates/admin/notice.tmpl
+1
-1
templates/admin/notice.tmpl
···
29
29
<td>{{.ID}}</td>
30
30
<td>{{$.i18n.Tr .TrStr}}</td>
31
31
<td class="view-detail"><span class="notice-description text truncate">{{.Description}}</span></td>
32
-
<td><span class="notice-created-time poping up" data-content="{{.CreatedUnix.AsTime}}" data-variation="inverted tiny">{{.CreatedUnix.FormatShort}}</span></td>
32
+
<td><span class="notice-created-time tooltip" data-content="{{.CreatedUnix.AsTime}}">{{.CreatedUnix.FormatShort}}</span></td>
33
33
<td><a href="#">{{svg "octicon-note" 16 "view-detail"}}</a></td>
34
34
</tr>
35
35
{{end}}
+4
-4
templates/admin/user/edit.tmpl
+4
-4
templates/admin/user/edit.tmpl
···
45
45
<div class="menu">
46
46
{{range $mode := .AllowedUserVisibilityModes}}
47
47
{{if $mode.IsPublic}}
48
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.public_tooltip"}}" data-value="0">{{$.i18n.Tr "settings.visibility.public"}}</div>
48
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.public_tooltip"}}" data-value="0">{{$.i18n.Tr "settings.visibility.public"}}</div>
49
49
{{else if $mode.IsLimited}}
50
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.limited_tooltip"}}" data-value="1">{{$.i18n.Tr "settings.visibility.limited"}}</div>
50
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.limited_tooltip"}}" data-value="1">{{$.i18n.Tr "settings.visibility.limited"}}</div>
51
51
{{else if $mode.IsPrivate}}
52
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.private_tooltip"}}" data-value="2">{{$.i18n.Tr "settings.visibility.private"}}</div>
52
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.private_tooltip"}}" data-value="2">{{$.i18n.Tr "settings.visibility.private"}}</div>
53
53
{{end}}
54
54
{{end}}
55
55
</div>
···
117
117
</div>
118
118
</div>
119
119
<div class="inline field">
120
-
<div class="ui checkbox poping up" data-content="{{.i18n.Tr "admin.users.allow_git_hook_tooltip"}}" data-variation="very wide">
120
+
<div class="ui checkbox tooltip" data-content="{{.i18n.Tr "admin.users.allow_git_hook_tooltip"}}" data-variation="very wide">
121
121
<label><strong>{{.i18n.Tr "admin.users.allow_git_hook"}}</strong></label>
122
122
<input name="allow_git_hook" type="checkbox" {{if .User.CanEditGitHook}}checked{{end}} {{if DisableGitHooks}}disabled{{end}}>
123
123
</div>
+3
-3
templates/admin/user/new.tmpl
+3
-3
templates/admin/user/new.tmpl
···
39
39
<div class="menu">
40
40
{{range $mode := .AllowedUserVisibilityModes}}
41
41
{{if $mode.IsPublic}}
42
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.public_tooltip"}}" data-value="0">{{$.i18n.Tr "settings.visibility.public"}}</div>
42
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.public_tooltip"}}" data-value="0">{{$.i18n.Tr "settings.visibility.public"}}</div>
43
43
{{else if $mode.IsLimited}}
44
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.limited_tooltip"}}" data-value="1">{{$.i18n.Tr "settings.visibility.limited"}}</div>
44
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.limited_tooltip"}}" data-value="1">{{$.i18n.Tr "settings.visibility.limited"}}</div>
45
45
{{else if $mode.IsPrivate}}
46
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.private_tooltip"}}" data-value="2">{{$.i18n.Tr "settings.visibility.private"}}</div>
46
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.private_tooltip"}}" data-value="2">{{$.i18n.Tr "settings.visibility.private"}}</div>
47
47
{{end}}
48
48
{{end}}
49
49
</div>
+12
-12
templates/install.tmpl
+12
-12
templates/install.tmpl
···
186
186
</summary>
187
187
<div class="inline field">
188
188
<div class="ui checkbox" id="offline-mode">
189
-
<label class="poping up" data-content="{{.i18n.Tr "install.offline_mode_popup"}}"><strong>{{.i18n.Tr "install.offline_mode"}}</strong></label>
189
+
<label class="tooltip" data-content="{{.i18n.Tr "install.offline_mode_popup"}}"><strong>{{.i18n.Tr "install.offline_mode"}}</strong></label>
190
190
<input name="offline_mode" type="checkbox" {{if .offline_mode}}checked{{end}}>
191
191
</div>
192
192
</div>
193
193
<div class="inline field">
194
194
<div class="ui checkbox" id="disable-gravatar">
195
-
<label class="poping up" data-content="{{.i18n.Tr "install.disable_gravatar_popup"}}"><strong>{{.i18n.Tr "install.disable_gravatar"}}</strong></label>
195
+
<label class="tooltip" data-content="{{.i18n.Tr "install.disable_gravatar_popup"}}"><strong>{{.i18n.Tr "install.disable_gravatar"}}</strong></label>
196
196
<input name="disable_gravatar" type="checkbox" {{if .disable_gravatar}}checked{{end}}>
197
197
</div>
198
198
</div>
199
199
<div class="inline field">
200
200
<div class="ui checkbox" id="federated-avatar-lookup">
201
-
<label class="poping up" data-content="{{.i18n.Tr "install.federated_avatar_lookup_popup"}}"><strong>{{.i18n.Tr "install.federated_avatar_lookup"}}</strong></label>
201
+
<label class="tooltip" data-content="{{.i18n.Tr "install.federated_avatar_lookup_popup"}}"><strong>{{.i18n.Tr "install.federated_avatar_lookup"}}</strong></label>
202
202
<input name="enable_federated_avatar" type="checkbox" {{if .enable_federated_avatar}}checked{{end}}>
203
203
</div>
204
204
</div>
205
205
<div class="inline field">
206
206
<div class="ui checkbox" id="enable-openid-signin">
207
-
<label class="poping up" data-content="{{.i18n.Tr "install.openid_signin_popup"}}"><strong>{{.i18n.Tr "install.openid_signin"}}</strong></label>
207
+
<label class="tooltip" data-content="{{.i18n.Tr "install.openid_signin_popup"}}"><strong>{{.i18n.Tr "install.openid_signin"}}</strong></label>
208
208
<input name="enable_open_id_sign_in" type="checkbox" {{if .enable_open_id_sign_in}}checked{{end}}>
209
209
</div>
210
210
</div>
211
211
<div class="inline field">
212
212
<div class="ui checkbox" id="disable-registration">
213
-
<label class="poping up" data-content="{{.i18n.Tr "install.disable_registration_popup"}}"><strong>{{.i18n.Tr "install.disable_registration"}}</strong></label>
213
+
<label class="tooltip" data-content="{{.i18n.Tr "install.disable_registration_popup"}}"><strong>{{.i18n.Tr "install.disable_registration"}}</strong></label>
214
214
<input name="disable_registration" type="checkbox" {{if .disable_registration}}checked{{end}}>
215
215
</div>
216
216
</div>
217
217
<div class="inline field">
218
218
<div class="ui checkbox" id="allow-only-external-registration">
219
-
<label class="poping up" data-content="{{.i18n.Tr "install.allow_only_external_registration_popup"}}"><strong>{{.i18n.Tr "install.allow_only_external_registration_popup"}}</strong></label>
219
+
<label class="tooltip" data-content="{{.i18n.Tr "install.allow_only_external_registration_popup"}}"><strong>{{.i18n.Tr "install.allow_only_external_registration_popup"}}</strong></label>
220
220
<input name="allow_only_external_registration" type="checkbox" {{if .allow_only_external_registration}}checked{{end}}>
221
221
</div>
222
222
</div>
223
223
<div class="inline field">
224
224
<div class="ui checkbox" id="enable-openid-signup">
225
-
<label class="poping up" data-content="{{.i18n.Tr "install.openid_signup_popup"}}"><strong>{{.i18n.Tr "install.openid_signup"}}</strong></label>
225
+
<label class="tooltip" data-content="{{.i18n.Tr "install.openid_signup_popup"}}"><strong>{{.i18n.Tr "install.openid_signup"}}</strong></label>
226
226
<input name="enable_open_id_sign_up" type="checkbox" {{if .enable_open_id_sign_up}}checked{{end}}>
227
227
</div>
228
228
</div>
229
229
<div class="inline field">
230
230
<div class="ui checkbox" id="enable-captcha">
231
-
<label class="poping up" data-content="{{.i18n.Tr "install.enable_captcha_popup"}}"><strong>{{.i18n.Tr "install.enable_captcha"}}</strong></label>
231
+
<label class="tooltip" data-content="{{.i18n.Tr "install.enable_captcha_popup"}}"><strong>{{.i18n.Tr "install.enable_captcha"}}</strong></label>
232
232
<input name="enable_captcha" type="checkbox" {{if .enable_captcha}}checked{{end}}>
233
233
</div>
234
234
</div>
235
235
<div class="inline field">
236
236
<div class="ui checkbox">
237
-
<label class="poping up" data-content="{{.i18n.Tr "install.require_sign_in_view_popup"}}"><strong>{{.i18n.Tr "install.require_sign_in_view"}}</strong></label>
237
+
<label class="tooltip" data-content="{{.i18n.Tr "install.require_sign_in_view_popup"}}"><strong>{{.i18n.Tr "install.require_sign_in_view"}}</strong></label>
238
238
<input name="require_sign_in_view" type="checkbox" {{if .require_sign_in_view}}checked{{end}}>
239
239
</div>
240
240
</div>
241
241
<div class="inline field">
242
242
<div class="ui checkbox">
243
-
<label class="poping up" data-content="{{.i18n.Tr "install.default_keep_email_private_popup"}}"><strong>{{.i18n.Tr "install.default_keep_email_private"}}</strong></label>
243
+
<label class="tooltip" data-content="{{.i18n.Tr "install.default_keep_email_private_popup"}}"><strong>{{.i18n.Tr "install.default_keep_email_private"}}</strong></label>
244
244
<input name="default_keep_email_private" type="checkbox" {{if .default_keep_email_private}}checked{{end}}>
245
245
</div>
246
246
</div>
247
247
<div class="inline field">
248
248
<div class="ui checkbox">
249
-
<label class="poping up" data-content="{{.i18n.Tr "install.default_allow_create_organization_popup"}}"><strong>{{.i18n.Tr "install.default_allow_create_organization"}}</strong></label>
249
+
<label class="tooltip" data-content="{{.i18n.Tr "install.default_allow_create_organization_popup"}}"><strong>{{.i18n.Tr "install.default_allow_create_organization"}}</strong></label>
250
250
<input name="default_allow_create_organization" type="checkbox" {{if .default_allow_create_organization}}checked{{end}}>
251
251
</div>
252
252
</div>
253
253
<div class="inline field">
254
254
<div class="ui checkbox">
255
-
<label class="poping up" data-content="{{.i18n.Tr "install.default_enable_timetracking_popup"}}"><strong>{{.i18n.Tr "install.default_enable_timetracking"}}</strong></label>
255
+
<label class="tooltip" data-content="{{.i18n.Tr "install.default_enable_timetracking_popup"}}"><strong>{{.i18n.Tr "install.default_enable_timetracking"}}</strong></label>
256
256
<input name="default_enable_timetracking" type="checkbox" {{if .default_enable_timetracking}}checked{{end}}>
257
257
</div>
258
258
</div>
+1
-1
templates/org/team/new.tmpl
+1
-1
templates/org/team/new.tmpl
···
82
82
<br>
83
83
{{range $t, $unit := $.Units}}
84
84
{{if $unit.Type.UnitGlobalDisabled}}
85
-
<div class="field poping up" data-content="{{$.i18n.Tr "repo.unit_disabled"}}">
85
+
<div class="field tooltip" data-content="{{$.i18n.Tr "repo.unit_disabled"}}">
86
86
{{else}}
87
87
<div class="field">
88
88
{{end}}
+1
-1
templates/repo/blame.tmpl
+1
-1
templates/repo/blame.tmpl
···
44
44
</td>
45
45
<td class="lines-blame-btn">
46
46
{{if $row.PreviousSha}}
47
-
<a href="{{$row.PreviousShaURL}}" class="poping up" data-content='{{$.i18n.Tr "repo.blame_prior"}}' data-variation="tiny inverted">
47
+
<a href="{{$row.PreviousShaURL}}" class="tooltip" data-content='{{$.i18n.Tr "repo.blame_prior"}}'>
48
48
{{svg "octicon-versions"}}
49
49
</a>
50
50
{{end}}
+7
-7
templates/repo/branch/list.tmpl
+7
-7
templates/repo/branch/list.tmpl
···
25
25
</td>
26
26
<td class="right aligned overflow-visible">
27
27
{{if and $.IsWriter (not $.Repository.IsArchived) (not .IsDeleted)}}
28
-
<div class="ui basic jump button icon poping up show-create-branch-modal" data-content="{{$.i18n.Tr "repo.branch.new_branch_from" ($.DefaultBranch)}}" data-variation="tiny inverted" data-branch-from="{{$.DefaultBranch}}" data-branch-from-urlcomponent="{{PathEscapeSegments $.DefaultBranch}}" data-modal="#create-branch-modal" data-position="top right">
28
+
<div class="ui basic jump button icon tooltip show-create-branch-modal" data-content="{{$.i18n.Tr "repo.branch.new_branch_from" ($.DefaultBranch)}}" data-branch-from="{{$.DefaultBranch}}" data-branch-from-urlcomponent="{{PathEscapeSegments $.DefaultBranch}}" data-modal="#create-branch-modal" data-position="top right">
29
29
{{svg "octicon-git-branch"}}
30
30
</div>
31
31
{{end}}
32
-
<div class="ui basic jump dropdown icon button poping up" data-content="{{$.i18n.Tr "repo.branch.download" ($.DefaultBranch)}}" data-variation="tiny inverted" data-position="top right">
32
+
<div class="ui basic jump dropdown icon button tooltip" data-content="{{$.i18n.Tr "repo.branch.download" ($.DefaultBranch)}}" data-position="top right">
33
33
{{svg "octicon-download"}}
34
34
<div class="menu">
35
35
<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{PathEscapeSegments $.DefaultBranch}}.zip">{{svg "octicon-file-zip"}} ZIP</a>
···
81
81
<td class="three wide right aligned">
82
82
{{if not .LatestPullRequest}}
83
83
{{if .IsIncluded}}
84
-
<a class="ui poping up orange large label" data-content="{{$.i18n.Tr "repo.branch.included_desc"}}" data-variation="tiny inverted" data-position="top right">
84
+
<a class="ui tooltip orange large label" data-content="{{$.i18n.Tr "repo.branch.included_desc"}}" data-position="top right">
85
85
{{svg "octicon-git-pull-request"}} {{$.i18n.Tr "repo.branch.included"}}
86
86
</a>
87
87
{{else if and (not .IsDeleted) $.AllowsPulls (gt .CommitsAhead 0)}}
···
108
108
</td>
109
109
<td class="two wide right aligned overflow-visible">
110
110
{{if and $.IsWriter (not $.Repository.IsArchived) (not .IsDeleted)}}
111
-
<div class="ui basic jump button icon poping up show-create-branch-modal" data-branch-from="{{.Name}}" data-branch-from-urlcomponent="{{PathEscapeSegments .Name}}" data-content="{{$.i18n.Tr "repo.branch.new_branch_from" .Name}}" data-variation="tiny inverted" data-position="top right" data-modal="#create-branch-modal" data-name="{{.Name}}">
111
+
<div class="ui basic jump button icon tooltip show-create-branch-modal" data-branch-from="{{.Name}}" data-branch-from-urlcomponent="{{PathEscapeSegments .Name}}" data-content="{{$.i18n.Tr "repo.branch.new_branch_from" .Name}}" data-position="top right" data-modal="#create-branch-modal" data-name="{{.Name}}">
112
112
{{svg "octicon-git-branch"}}
113
113
</div>
114
114
{{end}}
115
115
{{if (not .IsDeleted)}}
116
-
<div class="ui basic jump dropdown icon button poping up" data-content="{{$.i18n.Tr "repo.branch.download" (.Name)}}" data-variation="tiny inverted" data-position="top right">
116
+
<div class="ui basic jump dropdown icon button tooltip" data-content="{{$.i18n.Tr "repo.branch.download" (.Name)}}" data-position="top right">
117
117
{{svg "octicon-download"}}
118
118
<div class="menu">
119
119
<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{PathEscapeSegments .Name}}.zip">{{svg "octicon-file-zip"}} ZIP</a>
···
123
123
{{end}}
124
124
{{if and $.IsWriter (not $.IsMirror) (not $.Repository.IsArchived) (not .IsProtected)}}
125
125
{{if .IsDeleted}}
126
-
<a class="ui basic jump button icon poping up undo-button" href data-url="{{$.Link}}/restore?branch_id={{.DeletedBranch.ID}}&name={{PathEscapeSegments .DeletedBranch.Name}}" data-content="{{$.i18n.Tr "repo.branch.restore" (.Name)}}" data-variation="tiny inverted" data-position="top right"><span class="text blue">{{svg "octicon-reply"}}</span></a>
126
+
<a class="ui basic jump button icon tooltip undo-button" href data-url="{{$.Link}}/restore?branch_id={{.DeletedBranch.ID}}&name={{PathEscapeSegments .DeletedBranch.Name}}" data-content="{{$.i18n.Tr "repo.branch.restore" (.Name)}}" data-position="top right"><span class="text blue">{{svg "octicon-reply"}}</span></a>
127
127
{{else}}
128
-
<a class="ui basic jump button icon poping up delete-button delete-branch-button" href data-url="{{$.Link}}/delete?name={{PathEscapeSegments .Name}}" data-content="{{$.i18n.Tr "repo.branch.delete" (.Name)}}" data-variation="tiny inverted" data-position="top right" data-name="{{.Name}}">
128
+
<a class="ui basic jump button icon tooltip delete-button delete-branch-button" href data-url="{{$.Link}}/delete?name={{PathEscapeSegments .Name}}" data-content="{{$.i18n.Tr "repo.branch.delete" (.Name)}}" data-position="top right" data-name="{{.Name}}">
129
129
{{svg "octicon-trash"}}
130
130
</a>
131
131
{{end}}
+1
-1
templates/repo/commits_table.tmpl
+1
-1
templates/repo/commits_table.tmpl
···
19
19
<input type="checkbox" name="all" id="all" value="true" {{.All}}>
20
20
<label for="all">{{.i18n.Tr "repo.commits.search_all"}} </label>
21
21
</div>
22
-
<button class="ui primary tiny button mr-0 poping up" data-panel="#add-deploy-key-panel" data-content={{.i18n.Tr "repo.commits.search.tooltip"}}>{{.i18n.Tr "repo.commits.find"}}</button>
22
+
<button class="ui primary tiny button mr-0 tooltip" data-panel="#add-deploy-key-panel" data-content={{.i18n.Tr "repo.commits.search.tooltip"}}>{{.i18n.Tr "repo.commits.find"}}</button>
23
23
</form>
24
24
{{else if .IsDiffCompare}}
25
25
<a href="{{$.CommitRepoLink}}/commit/{{.BeforeCommitID | PathEscape}}" class="ui green sha label">{{if not .BaseIsCommit}}{{if .BaseIsBranch}}{{svg "octicon-git-branch"}}{{else if .BaseIsTag}}{{svg "octicon-tag"}}{{end}}{{.BaseBranch}}{{else}}{{ShortSha .BaseBranch}}{{end}}</a>
+1
-1
templates/repo/create.tmpl
+1
-1
templates/repo/create.tmpl
···
83
83
<input class="hidden" name="git_content" type="checkbox" tabindex="0" {{if .git_content}}checked{{end}}>
84
84
<label>{{.i18n.Tr "repo.template.git_content"}}</label>
85
85
</div>
86
-
<div class="ui checkbox{{if not .SignedUser.CanEditGitHook}} poping up{{end}}"{{if not .SignedUser.CanEditGitHook}} data-content="{{.i18n.Tr "repo.template.git_hooks_tooltip"}}"{{end}}>
86
+
<div class="ui checkbox{{if not .SignedUser.CanEditGitHook}} tooltip{{end}}"{{if not .SignedUser.CanEditGitHook}} data-content="{{.i18n.Tr "repo.template.git_hooks_tooltip"}}"{{end}}>
87
87
<input class="hidden" name="git_hooks" type="checkbox" tabindex="0" {{if .git_hooks}}checked{{end}}>
88
88
<label>{{.i18n.Tr "repo.template.git_hooks"}}</label>
89
89
</div>
+3
-3
templates/repo/diff/box.tmpl
+3
-3
templates/repo/diff/box.tmpl
···
38
38
{{end}}
39
39
</div>
40
40
<!-- todo finish all file status, now modify, add, delete and rename -->
41
-
<span class="status {{DiffTypeToStr .GetType}} poping up" data-content="{{DiffTypeToStr .GetType}}" data-variation="inverted tiny" data-position="right center"> </span>
41
+
<span class="status {{DiffTypeToStr .GetType}} tooltip" data-content="{{DiffTypeToStr .GetType}}" data-position="right center"> </span>
42
42
<a class="file mono" href="#diff-{{.Index}}">{{.Name}}</a>
43
43
</li>
44
44
{{end}}
···
87
87
<div class="diff-file-header-actions df ac">
88
88
{{if $showFileViewToggle}}
89
89
<div class="ui compact icon buttons">
90
-
<span class="ui tiny basic button poping up file-view-toggle" data-toggle-selector="#diff-source-{{$i}}" data-content="{{$.i18n.Tr "repo.file_view_source"}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-code"}}</span>
91
-
<span class="ui tiny basic button poping up file-view-toggle active" data-toggle-selector="#diff-rendered-{{$i}}" data-content="{{$.i18n.Tr "repo.file_view_rendered"}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-file"}}</span>
90
+
<span class="ui tiny basic button tooltip file-view-toggle" data-toggle-selector="#diff-source-{{$i}}" data-content="{{$.i18n.Tr "repo.file_view_source"}}" data-position="bottom center">{{svg "octicon-code"}}</span>
91
+
<span class="ui tiny basic button tooltip file-view-toggle active" data-toggle-selector="#diff-rendered-{{$i}}" data-content="{{$.i18n.Tr "repo.file_view_rendered"}}" data-position="bottom center">{{svg "octicon-file"}}</span>
92
92
</div>
93
93
{{end}}
94
94
{{if $file.IsProtected}}
+1
-1
templates/repo/diff/stats.tmpl
+1
-1
templates/repo/diff/stats.tmpl
···
1
1
{{Add .file.Addition .file.Deletion}}
2
-
<span class="diff-stats-bar poping up mx-3" data-content="{{.root.i18n.Tr "repo.diff.stats_desc_file" (Add .file.Addition .file.Deletion) .file.Addition .file.Deletion | Str2html}}" data-variation="wide">
2
+
<span class="diff-stats-bar tooltip mx-3" data-content="{{.root.i18n.Tr "repo.diff.stats_desc_file" (Add .file.Addition .file.Deletion) .file.Addition .file.Deletion | Str2html}}" data-variation="wide">
3
3
<div class="diff-stats-add-bar" style="width: {{DiffStatsWidth .file.Addition .file.Deletion}}%"></div>
4
4
</span>
+1
-1
templates/repo/editor/edit.tmpl
+1
-1
templates/repo/editor/edit.tmpl
···
17
17
<div class="divider"> / </div>
18
18
{{if eq $i $l}}
19
19
<input id="file-name" value="{{$v}}" placeholder="{{$.i18n.Tr "repo.editor.name_your_file"}}" data-editorconfig="{{$.Editorconfig}}" required autofocus>
20
-
<span class="poping up" data-content="{{$.i18n.Tr "repo.editor.filename_help"}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-info"}}</span>
20
+
<span class="tooltip" data-content="{{$.i18n.Tr "repo.editor.filename_help"}}" data-position="bottom center">{{svg "octicon-info"}}</span>
21
21
{{else}}
22
22
<span class="section"><a href="{{$.BranchLink}}/{{index $.TreePaths $i | PathEscapeSegments}}">{{$v}}</a></span>
23
23
{{end}}
+1
-1
templates/repo/editor/upload.tmpl
+1
-1
templates/repo/editor/upload.tmpl
···
15
15
<div class="divider"> / </div>
16
16
{{if eq $i $l}}
17
17
<input type="text" id="file-name" value="{{$v}}" placeholder="{{$.i18n.Tr "repo.editor.add_subdir"}}" autofocus>
18
-
<span class="poping up" data-content="{{$.i18n.Tr "repo.editor.filename_help"}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-info"}}</span>
18
+
<span class="tooltip" data-content="{{$.i18n.Tr "repo.editor.filename_help"}}" data-position="bottom center">{{svg "octicon-info"}}</span>
19
19
{{else}}
20
20
<span class="section"><a href="{{$.BranchLink}}/{{index $.TreePaths $i | PathEscapeSegments}}">{{$v}}</a></span>
21
21
{{end}}
+5
-5
templates/repo/header.tmpl
+5
-5
templates/repo/header.tmpl
···
45
45
{{if $.RepoTransfer}}
46
46
<form method="post" action="{{$.RepoLink}}/action/accept_transfer?redirect_to={{$.RepoLink}}">
47
47
{{$.CsrfTokenHtml}}
48
-
<div class="ui poping up" data-content="{{if $.CanUserAcceptTransfer}}{{$.i18n.Tr "repo.transfer.accept_desc" $.RepoTransfer.Recipient.DisplayName}}{{else}}{{$.i18n.Tr "repo.transfer.no_permission_to_accept"}}{{end}}" data-position="bottom center" data-variation="tiny">
48
+
<div class="ui tooltip" data-content="{{if $.CanUserAcceptTransfer}}{{$.i18n.Tr "repo.transfer.accept_desc" $.RepoTransfer.Recipient.DisplayName}}{{else}}{{$.i18n.Tr "repo.transfer.no_permission_to_accept"}}{{end}}" data-position="bottom center">
49
49
<button type="submit" class="ui button {{if $.CanUserAcceptTransfer}}green {{end}} ok inverted small"{{if not $.CanUserAcceptTransfer}} disabled{{end}}>
50
50
{{$.i18n.Tr "repo.transfer.accept"}}
51
51
</button>
···
53
53
</form>
54
54
<form method="post" action="{{$.RepoLink}}/action/reject_transfer?redirect_to={{$.RepoLink}}">
55
55
{{$.CsrfTokenHtml}}
56
-
<div class="ui poping up" data-content="{{if $.CanUserAcceptTransfer}}{{$.i18n.Tr "repo.transfer.reject_desc" $.RepoTransfer.Recipient.DisplayName}}{{else}}{{$.i18n.Tr "repo.transfer.no_permission_to_reject"}}{{end}}" data-position="bottom center" data-variation="tiny">
56
+
<div class="ui tooltip" data-content="{{if $.CanUserAcceptTransfer}}{{$.i18n.Tr "repo.transfer.reject_desc" $.RepoTransfer.Recipient.DisplayName}}{{else}}{{$.i18n.Tr "repo.transfer.no_permission_to_reject"}}{{end}}" data-position="bottom center">
57
57
<button type="submit" class="ui button {{if $.CanUserAcceptTransfer}}red {{end}}ok inverted small"{{if not $.CanUserAcceptTransfer}} disabled{{end}}>
58
58
{{$.i18n.Tr "repo.transfer.reject"}}
59
59
</button>
···
62
62
{{end}}
63
63
<form method="post" action="{{$.RepoLink}}/action/{{if $.IsWatchingRepo}}un{{end}}watch?redirect_to={{$.Link}}">
64
64
{{$.CsrfTokenHtml}}
65
-
<div class="ui labeled button{{if not $.IsSigned}} poping up{{end}}" tabindex="0"{{if not $.IsSigned}} data-content="{{$.i18n.Tr "repo.watch_guest_user" }}" data-position="top center" data-variation="tiny"{{end}}>
65
+
<div class="ui labeled button{{if not $.IsSigned}} tooltip{{end}}" tabindex="0"{{if not $.IsSigned}} data-content="{{$.i18n.Tr "repo.watch_guest_user" }}" data-position="top center"{{end}}>
66
66
<button type="submit" class="ui compact small basic button"{{if not $.IsSigned}} disabled{{end}}>
67
67
{{if $.IsWatchingRepo}}{{svg "octicon-eye-closed" 16}}{{$.i18n.Tr "repo.unwatch"}}{{else}}{{svg "octicon-eye"}}{{$.i18n.Tr "repo.watch"}}{{end}}
68
68
</button>
···
74
74
{{if not $.DisableStars}}
75
75
<form method="post" action="{{$.RepoLink}}/action/{{if $.IsStaringRepo}}un{{end}}star?redirect_to={{$.Link}}">
76
76
{{$.CsrfTokenHtml}}
77
-
<div class="ui labeled button{{if not $.IsSigned}} poping up{{end}}" tabindex="0"{{if not $.IsSigned}} data-content="{{$.i18n.Tr "repo.star_guest_user" }}" data-position="top center" data-variation="tiny"{{end}}>
77
+
<div class="ui labeled button{{if not $.IsSigned}} tooltip{{end}}" tabindex="0"{{if not $.IsSigned}} data-content="{{$.i18n.Tr "repo.star_guest_user" }}" data-position="top center"{{end}}>
78
78
<button type="submit" class="ui compact small basic button"{{if not $.IsSigned}} disabled{{end}}>
79
79
{{if $.IsStaringRepo}}{{svg "octicon-star-fill"}}{{$.i18n.Tr "repo.unstar"}}{{else}}{{svg "octicon-star"}}{{$.i18n.Tr "repo.star"}}{{end}}
80
80
</button>
···
85
85
</form>
86
86
{{end}}
87
87
{{if and (not .IsEmpty) ($.Permission.CanRead $.UnitTypeCode)}}
88
-
<div class="ui labeled button{{if not $.CanSignedUserFork}} poping up disabled{{end}}"{{if and (not $.CanSignedUserFork) $.IsSigned}} data-content="{{$.i18n.Tr "repo.fork_from_self"}}" {{else if not $.IsSigned}} data-content="{{$.i18n.Tr "repo.fork_guest_user"}}"{{end}} data-position="top center" data-variation="tiny" tabindex="0">
88
+
<div class="ui labeled button{{if not $.CanSignedUserFork}} tooltip disabled{{end}}"{{if and (not $.CanSignedUserFork) $.IsSigned}} data-content="{{$.i18n.Tr "repo.fork_from_self"}}" {{else if not $.IsSigned}} data-content="{{$.i18n.Tr "repo.fork_guest_user"}}"{{end}} data-position="top center" tabindex="0">
89
89
<a class="ui compact small basic button"{{if $.CanSignedUserFork}} href="{{AppSubUrl}}/repo/fork/{{.ID}}"{{end}}>
90
90
{{svg "octicon-repo-forked"}}{{$.i18n.Tr "repo.fork"}}
91
91
</a>
+1
-1
templates/repo/home.tmpl
+1
-1
templates/repo/home.tmpl
···
110
110
{{if eq $n 0}}
111
111
<div class="ui action tiny input" id="clone-panel">
112
112
{{template "repo/clone_buttons" .}}
113
-
<button id="download-btn" class="ui basic jump dropdown icon button poping up" data-content="{{.i18n.Tr "repo.download_archive"}}" data-variation="tiny inverted" data-position="top right">
113
+
<button id="download-btn" class="ui basic jump dropdown icon button tooltip" data-content="{{.i18n.Tr "repo.download_archive"}}" data-position="top right">
114
114
{{svg "octicon-download"}}
115
115
<div class="menu">
116
116
<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{PathEscapeSegments $.BranchName}}.zip">{{svg "octicon-file-zip" 16 "mr-3"}}{{.i18n.Tr "repo.download_zip"}}</a>
+1
-1
templates/repo/issue/view_content/comments_delete_time.tmpl
+1
-1
templates/repo/issue/view_content/comments_delete_time.tmpl
···
12
12
<div class="ui cancel button">{{.ctx.i18n.Tr "repo.issues.add_time_cancel"}}</div>
13
13
</div>
14
14
</div>
15
-
<button class="ui icon button compact mini issue-delete-time poping up" data-id="{{.comment.Time.ID}}" data-content="{{.ctx.i18n.Tr "repo.issues.del_time"}}" data-position="top right" data-variation="tiny inverted">
15
+
<button class="ui icon button compact mini issue-delete-time tooltip" data-id="{{.comment.Time.ID}}" data-content="{{.ctx.i18n.Tr "repo.issues.del_time"}}" data-position="top right">
16
16
{{svg "octicon-trash"}}
17
17
</button>
18
18
</span>
+4
-4
templates/repo/issue/view_content/pull.tmpl
+4
-4
templates/repo/issue/view_content/pull.tmpl
···
34
34
</div>
35
35
<div class="review-item-right">
36
36
{{if .Review.Stale}}
37
-
<span class="ui poping up type-icon text grey" data-content="{{$.i18n.Tr "repo.issues.is_stale"}}">
37
+
<span class="ui tooltip type-icon text grey" data-content="{{$.i18n.Tr "repo.issues.is_stale"}}">
38
38
{{svg "octicon-hourglass" 16 "icon"}}
39
39
</span>
40
40
{{end}}
41
41
{{if (and $.Permission.IsAdmin (or (eq .Review.Type 1) (eq .Review.Type 3)) (not $.Issue.IsClosed))}}
42
-
<a href="#" class="ui muted poping up icon dismiss-review-btn" data-review-id="dismiss-review-{{.Review.ID}}" data-content="{{$.i18n.Tr "repo.issues.dismiss_review"}}">
42
+
<a href="#" class="ui muted tooltip icon dismiss-review-btn" data-review-id="dismiss-review-{{.Review.ID}}" data-content="{{$.i18n.Tr "repo.issues.dismiss_review"}}">
43
43
{{svg "octicon-x" 16}}
44
44
</a>
45
45
<div class="ui small modal" id="dismiss-review-modal">
···
72
72
{{else}}grey{{end}}">
73
73
74
74
{{if .CanChange }}
75
-
<a href="#" class="ui poping up icon re-request-review {{if .Checked}}checked{{end}}" data-issue-id="{{$.Issue.ID}}" data-content="{{if .Checked}} {{$.i18n.Tr "repo.issues.remove_request_review"}} {{else}} {{$.i18n.Tr "repo.issues.re_request_review"}} {{end}}" data-id="{{.ItemID}}" data-update-url="{{$.RepoLink}}/issues/request_review">
75
+
<a href="#" class="ui tooltip icon re-request-review {{if .Checked}}checked{{end}}" data-issue-id="{{$.Issue.ID}}" data-content="{{if .Checked}} {{$.i18n.Tr "repo.issues.remove_request_review"}} {{else}} {{$.i18n.Tr "repo.issues.re_request_review"}} {{end}}" data-id="{{.ItemID}}" data-update-url="{{$.RepoLink}}/issues/request_review">
76
76
{{if .Checked}} {{svg "octicon-trash"}} {{else}} {{svg "octicon-sync"}} {{end}}
77
77
</a>
78
78
{{end}}
···
86
86
<div class="ui divider"></div>
87
87
<div class="review-item">
88
88
<div class="review-item-left">
89
-
<a href="{{$.Repository.OriginalURL}}" class="ui poping up" data-content="{{$.i18n.Tr "repo.migrated_from_fake" ($.Repository.GetOriginalURLHostname|Escape) | Safe }}">
89
+
<a href="{{$.Repository.OriginalURL}}" class="ui tooltip" data-content="{{$.i18n.Tr "repo.migrated_from_fake" ($.Repository.GetOriginalURLHostname|Escape) | Safe }}">
90
90
<span class="text black ">
91
91
{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}}
92
92
{{ .OriginalAuthor }}
+1
-1
templates/repo/issue/view_title.tmpl
+1
-1
templates/repo/issue/view_title.tmpl
···
34
34
{{if .HeadBranchHTMLURL}}
35
35
{{$headHref = printf "<a href=\"%s\">%s</a>" (.HeadBranchHTMLURL | Escape) $headHref}}
36
36
{{end}}
37
-
{{$headHref = printf "%s <a class=\"poping up\" data-content=\"%s\" data-clipboard-text=\"%s\">%s</a>" $headHref (.i18n.Tr "copy_branch") (.HeadTarget | Escape) (svg "octicon-copy" 14)}}
37
+
{{$headHref = printf "%s <a class=\"tooltip\" data-content=\"%s\" data-clipboard-text=\"%s\">%s</a>" $headHref (.i18n.Tr "copy_branch") (.HeadTarget | Escape) (svg "octicon-copy" 14)}}
38
38
{{$baseHref := .BaseTarget|Escape}}
39
39
{{if .BaseBranchHTMLURL}}
40
40
{{$baseHref = printf "<a href=\"%s\">%s</a>" (.BaseBranchHTMLURL | Escape) $baseHref}}
+1
-1
templates/repo/projects/view.tmpl
+1
-1
templates/repo/projects/view.tmpl
···
84
84
<div class="board-column-header df ac sb">
85
85
<div class="ui large label board-label py-2">{{.Title}}</div>
86
86
{{if and $.CanWriteProjects (not $.Repository.IsArchived) (ne .ID 0)}}
87
-
<div class="ui dropdown jump item poping up" data-variation="tiny inverted">
87
+
<div class="ui dropdown jump item tooltip">
88
88
<div class="not-mobile px-3" tabindex="-1">
89
89
{{svg "octicon-kebab-horizontal"}}
90
90
</div>
+1
-1
templates/repo/release/list.tmpl
+1
-1
templates/repo/release/list.tmpl
···
159
159
<li>
160
160
<span class="ui text middle aligned right">
161
161
<span class="ui text grey">{{.Size | FileSize}}</span>
162
-
<span class="poping up" data-content="{{$.i18n.Tr "repo.release.download_count" (.DownloadCount | PrettyNumber)}}">
162
+
<span class="tooltip" data-content="{{$.i18n.Tr "repo.release.download_count" (.DownloadCount | PrettyNumber)}}">
163
163
{{svg "octicon-info"}}
164
164
</span>
165
165
</span>
+1
-1
templates/repo/release/new.tmpl
+1
-1
templates/repo/release/new.tmpl
···
68
68
<input name="attachment-edit-{{.UUID}}" class="mr-3 attachment_edit" required value="{{.Name}}"/>
69
69
<input name="attachment-del-{{.UUID}}" type="hidden" value="false"/>
70
70
<span class="ui text grey mr-3">{{.Size | FileSize}}</span>
71
-
<span class="poping up" data-content="{{$.i18n.Tr "repo.release.download_count" (.DownloadCount | PrettyNumber)}}">
71
+
<span class="tooltip" data-content="{{$.i18n.Tr "repo.release.download_count" (.DownloadCount | PrettyNumber)}}">
72
72
{{svg "octicon-info"}}
73
73
</span>
74
74
</div>
+2
-2
templates/repo/settings/collaboration.tmpl
+2
-2
templates/repo/settings/collaboration.tmpl
···
66
66
{{.Name}}
67
67
</a>
68
68
</div>
69
-
<div class="ui eight wide column poping up" data-content="{{$.i18n.Tr "repo.settings.change_team_permission_tip"}}">
69
+
<div class="ui eight wide column tooltip" data-content="{{$.i18n.Tr "repo.settings.change_team_permission_tip"}}">
70
70
{{svg "octicon-shield-lock"}}
71
71
<div class="ui inline dropdown">
72
72
<div class="text">{{if eq .Authorize 1}}{{$.i18n.Tr "repo.settings.collaboration.read"}}{{else if eq .Authorize 2}}{{$.i18n.Tr "repo.settings.collaboration.write"}}{{else if eq .Authorize 3}}{{$.i18n.Tr "repo.settings.collaboration.admin"}}{{else if eq .Authorize 4}}{{$.i18n.Tr "repo.settings.collaboration.owner"}}{{else}}{{$.i18n.Tr "repo.settings.collaboration.undefined"}}{{end}}</div>
···
79
79
{{end}}
80
80
</div>
81
81
{{if $allowedToChangeTeams}}
82
-
<div class="ui two wide column {{if .IncludesAllRepositories}}poping up{{end}}" {{if .IncludesAllRepositories}} data-content="{{$.i18n.Tr "repo.settings.delete_team_tip"}}"{{end}}>
82
+
<div class="ui two wide column {{if .IncludesAllRepositories}}tooltip{{end}}" {{if .IncludesAllRepositories}} data-content="{{$.i18n.Tr "repo.settings.delete_team_tip"}}"{{end}}>
83
83
<button class="ui red tiny button inline text-thin delete-button {{if .IncludesAllRepositories}}disabled{{end}}" data-url="{{$.Link}}/team/delete" data-id="{{.ID}}">
84
84
{{$.i18n.Tr "repo.settings.delete_collaborator"}}
85
85
</button>
+1
-1
templates/repo/settings/lfs.tmpl
+1
-1
templates/repo/settings/lfs.tmpl
···
27
27
<td class="right aligned">
28
28
<a class="ui primary show-panel button" href="{{$.Link}}/find?oid={{.Oid}}&size={{.Size}}">{{$.i18n.Tr "repo.settings.lfs_findcommits"}}</a>
29
29
<button class="ui basic show-modal icon button" data-modal="#delete-{{.Oid}}">
30
-
<span class="btn-octicon btn-octicon-danger poping up" data-content="{{$.i18n.Tr "repo.editor.delete_this_file"}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-trash"}}</span>
30
+
<span class="btn-octicon btn-octicon-danger tooltip" data-content="{{$.i18n.Tr "repo.editor.delete_this_file"}}" data-position="bottom center">{{svg "octicon-trash"}}</span>
31
31
</button>
32
32
</td>
33
33
</tr>
+2
-2
templates/repo/settings/lfs_locks.tmpl
+2
-2
templates/repo/settings/lfs_locks.tmpl
···
27
27
<a href="{{$.RepoLink}}/src/branch/{{PathEscapeSegments $lock.Repo.DefaultBranch}}/{{PathEscapeSegments $lock.Path}}" title="{{$lock.Path}}">{{$lock.Path}}</a>
28
28
{{else}}
29
29
{{svg "octicon-diff"}}
30
-
<span class="poping up" title="{{$.i18n.Tr "repo.settings.lfs_lock_file_no_exist"}}">{{$lock.Path}}</span>
30
+
<span class="tooltip" title="{{$.i18n.Tr "repo.settings.lfs_lock_file_no_exist"}}">{{$lock.Path}}</span>
31
31
{{end}}
32
32
{{if not (index $.Lockables $index)}}
33
-
<span class="poping up" title="{{$.i18n.Tr "repo.settings.lfs_noattribute"}}">{{svg "octicon-alert"}}</span>
33
+
<span class="tooltip" title="{{$.i18n.Tr "repo.settings.lfs_noattribute"}}">{{svg "octicon-alert"}}</span>
34
34
{{end}}
35
35
</td>
36
36
<td>
+9
-9
templates/repo/settings/options.tmpl
+9
-9
templates/repo/settings/options.tmpl
···
171
171
{{$address := MirrorRemoteAddress .}}
172
172
<td>{{$address.Address}}</td>
173
173
<td>{{$.i18n.Tr "repo.settings.mirror_settings.direction.push"}}</td>
174
-
<td>{{if .LastUpdateUnix}}{{.LastUpdateUnix.AsTime}}{{else}}{{$.i18n.Tr "never"}}{{end}} {{if .LastError}}<div class="ui red label poping up" data-content="{{.LastError}}">{{$.i18n.Tr "error"}}</div>{{end}}</td>
174
+
<td>{{if .LastUpdateUnix}}{{.LastUpdateUnix.AsTime}}{{else}}{{$.i18n.Tr "never"}}{{end}} {{if .LastError}}<div class="ui red label tooltip" data-content="{{.LastError}}">{{$.i18n.Tr "error"}}</div>{{end}}</td>
175
175
<td class="right aligned">
176
176
<form method="post" style="display: inline-block">
177
177
{{$.CsrfTokenHtml}}
···
247
247
<div class="inline field">
248
248
<label>{{.i18n.Tr "repo.wiki"}}</label>
249
249
{{if and (.UnitTypeWiki.UnitGlobalDisabled) (.UnitTypeExternalWiki.UnitGlobalDisabled)}}
250
-
<div class="ui checkbox poping up disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
250
+
<div class="ui checkbox tooltip disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
251
251
{{else}}
252
252
<div class="ui checkbox">
253
253
{{end}}
···
258
258
<div class="field {{if not $isWikiEnabled}}disabled{{end}}" id="wiki_box">
259
259
<div class="field">
260
260
{{if .UnitTypeWiki.UnitGlobalDisabled}}
261
-
<div class="ui radio checkbox poping up disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
261
+
<div class="ui radio checkbox tooltip disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
262
262
{{else}}
263
263
<div class="ui radio checkbox">
264
264
{{end}}
···
268
268
</div>
269
269
<div class="field">
270
270
{{if .UnitTypeExternalWiki.UnitGlobalDisabled}}
271
-
<div class="ui radio checkbox poping up disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
271
+
<div class="ui radio checkbox tooltip disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
272
272
{{else}}
273
273
<div class="ui radio checkbox">
274
274
{{end}}
···
289
289
<div class="inline field">
290
290
<label>{{.i18n.Tr "repo.issues"}}</label>
291
291
{{if and (.UnitTypeIssues.UnitGlobalDisabled) (.UnitTypeExternalTracker.UnitGlobalDisabled)}}
292
-
<div class="ui checkbox poping up disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
292
+
<div class="ui checkbox tooltip disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
293
293
{{else}}
294
294
<div class="ui checkbox">
295
295
{{end}}
···
300
300
<div class="field {{if not $isIssuesEnabled}}disabled{{end}}" id="issue_box">
301
301
<div class="field">
302
302
{{if .UnitTypeIssues.UnitGlobalDisabled}}
303
-
<div class="ui radio checkbox poping up disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
303
+
<div class="ui radio checkbox tooltip disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
304
304
{{else}}
305
305
<div class="ui radio checkbox">
306
306
{{end}}
···
336
336
</div>
337
337
<div class="field">
338
338
{{if .UnitTypeExternalTracker.UnitGlobalDisabled}}
339
-
<div class="ui radio checkbox poping up disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
339
+
<div class="ui radio checkbox tooltip disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
340
340
{{else}}
341
341
<div class="ui radio checkbox">
342
342
{{end}}
···
381
381
<div class="inline field">
382
382
<label>{{.i18n.Tr "repo.project_board"}}</label>
383
383
{{if .UnitTypeProjects.UnitGlobalDisabled}}
384
-
<div class="ui checkbox poping up disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
384
+
<div class="ui checkbox tooltip disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
385
385
{{else}}
386
386
<div class="ui checkbox">
387
387
{{end}}
···
397
397
<div class="inline field">
398
398
<label>{{.i18n.Tr "repo.pulls"}}</label>
399
399
{{if .UnitTypePullRequests.UnitGlobalDisabled}}
400
-
<div class="ui checkbox poping up disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
400
+
<div class="ui checkbox tooltip disabled" data-content="{{.i18n.Tr "repo.unit_disabled"}}">
401
401
{{else}}
402
402
<div class="ui checkbox">
403
403
{{end}}
+2
-2
templates/repo/settings/webhook/history.tmpl
+2
-2
templates/repo/settings/webhook/history.tmpl
···
3
3
{{.i18n.Tr "repo.settings.recent_deliveries"}}
4
4
{{if .Permission.IsAdmin}}
5
5
<div class="ui right">
6
-
<button class="ui teal tiny button poping up" id="test-delivery" data-content=
7
-
"{{.i18n.Tr "repo.settings.webhook.test_delivery_desc"}}" data-variation="inverted tiny" data-link="{{.Link}}/test" data-redirect="{{.Link}}">{{.i18n.Tr "repo.settings.webhook.test_delivery"}}</button>
6
+
<button class="ui teal tiny button tooltip" id="test-delivery" data-content=
7
+
"{{.i18n.Tr "repo.settings.webhook.test_delivery_desc"}}" data-link="{{.Link}}/test" data-redirect="{{.Link}}">{{.i18n.Tr "repo.settings.webhook.test_delivery"}}</button>
8
8
</div>
9
9
{{end}}
10
10
</h4>
+8
-8
templates/repo/view_file.tmpl
+8
-8
templates/repo/view_file.tmpl
···
22
22
</div>
23
23
{{end}}
24
24
{{if .LFSLock}}
25
-
<div class="file-info-entry ui poping up" data-content="{{.LFSLockHint}}">
25
+
<div class="file-info-entry ui tooltip" data-content="{{.LFSLockHint}}">
26
26
{{svg "octicon-lock" 16 "mr-2"}}
27
27
<a href="{{.LFSLock.Owner.HomeLink}}">{{.LFSLockOwner}}</a>
28
28
</div>
···
34
34
<div class="file-header-right file-actions df ac">
35
35
{{if .HasSourceRenderedToggle}}
36
36
<div class="ui compact icon buttons two-toggle-buttons">
37
-
<a href="{{$.Link}}?display=source" class="ui mini basic button poping up {{if .IsDisplayingSource}}active{{end}}" data-content="{{.i18n.Tr "repo.file_view_source"}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-code" 15}}</a>
38
-
<a href="{{$.Link}}" class="ui mini basic button poping up {{if .IsDisplayingRendered}}active{{end}}" data-content="{{.i18n.Tr "repo.file_view_rendered"}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-file" 15}}</a>
37
+
<a href="{{$.Link}}?display=source" class="ui mini basic button tooltip {{if .IsDisplayingSource}}active{{end}}" data-content="{{.i18n.Tr "repo.file_view_source"}}" data-position="bottom center">{{svg "octicon-code" 15}}</a>
38
+
<a href="{{$.Link}}" class="ui mini basic button tooltip {{if .IsDisplayingRendered}}active{{end}}" data-content="{{.i18n.Tr "repo.file_view_rendered"}}" data-position="bottom center">{{svg "octicon-file" 15}}</a>
39
39
</div>
40
40
{{end}}
41
41
<div class="ui buttons mr-2">
···
48
48
{{end}}
49
49
<a class="ui mini basic button" href="{{.RepoLink}}/commits/{{.BranchNameSubURL}}/{{PathEscapeSegments .TreePath}}">{{.i18n.Tr "repo.file_history"}}</a>
50
50
</div>
51
-
<a download href="{{$.RawFileLink}}"><span class="btn-octicon poping up" data-content="{{.i18n.Tr "repo.download_file"}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-download"}}</span></a>
51
+
<a download href="{{$.RawFileLink}}"><span class="btn-octicon tooltip" data-content="{{.i18n.Tr "repo.download_file"}}" data-position="bottom center">{{svg "octicon-download"}}</span></a>
52
52
{{if .Repository.CanEnableEditor}}
53
53
{{if .CanEditFile}}
54
-
<a href="{{.RepoLink}}/_edit/{{PathEscapeSegments .BranchName}}/{{PathEscapeSegments .TreePath}}"><span class="btn-octicon poping up" data-content="{{.EditFileTooltip}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-pencil"}}</span></a>
54
+
<a href="{{.RepoLink}}/_edit/{{PathEscapeSegments .BranchName}}/{{PathEscapeSegments .TreePath}}"><span class="btn-octicon tooltip" data-content="{{.EditFileTooltip}}" data-position="bottom center">{{svg "octicon-pencil"}}</span></a>
55
55
{{else}}
56
-
<span class="btn-octicon poping up disabled" data-content="{{.EditFileTooltip}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-pencil"}}</span>
56
+
<span class="btn-octicon tooltip disabled" data-content="{{.EditFileTooltip}}" data-position="bottom center">{{svg "octicon-pencil"}}</span>
57
57
{{end}}
58
58
{{if .CanDeleteFile}}
59
-
<a href="{{.RepoLink}}/_delete/{{PathEscapeSegments .BranchName}}/{{PathEscapeSegments .TreePath}}"><span class="btn-octicon btn-octicon-danger poping up" data-content="{{.DeleteFileTooltip}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-trash"}}</span></a>
59
+
<a href="{{.RepoLink}}/_delete/{{PathEscapeSegments .BranchName}}/{{PathEscapeSegments .TreePath}}"><span class="btn-octicon btn-octicon-danger tooltip" data-content="{{.DeleteFileTooltip}}" data-position="bottom center">{{svg "octicon-trash"}}</span></a>
60
60
{{else}}
61
-
<span class="btn-octicon poping up disabled" data-content="{{.DeleteFileTooltip}}" data-position="bottom center" data-variation="tiny inverted">{{svg "octicon-trash"}}</span>
61
+
<span class="btn-octicon tooltip disabled" data-content="{{.DeleteFileTooltip}}" data-position="bottom center">{{svg "octicon-trash"}}</span>
62
62
{{end}}
63
63
{{end}}
64
64
</div>
+2
-2
templates/user/dashboard/repolist.tmpl
+2
-2
templates/user/dashboard/repolist.tmpl
···
31
31
{{.i18n.Tr "home.my_repos"}}
32
32
<span class="ui grey label ml-3">${reposTotalCount}</span>
33
33
</div>
34
-
<a class="poping up" :href="subUrl + '/repo/create'" data-content="{{.i18n.Tr "new_repo"}}" data-variation="tiny inverted" data-position="left center">
34
+
<a class="tooltip" :href="subUrl + '/repo/create'" data-content="{{.i18n.Tr "new_repo"}}" data-position="left center">
35
35
{{svg "octicon-plus"}}
36
36
<span class="sr-only">{{.i18n.Tr "new_repo"}}</span>
37
37
</a>
···
168
168
{{.i18n.Tr "home.my_orgs"}}
169
169
<span class="ui grey label ml-3">${organizationsTotalCount}</span>
170
170
</div>
171
-
<a v-if="canCreateOrganization" class="poping up" :href="subUrl + '/org/create'" data-content="{{.i18n.Tr "new_org"}}" data-variation="tiny inverted" data-position="left center">
171
+
<a v-if="canCreateOrganization" class="tooltip" :href="subUrl + '/org/create'" data-content="{{.i18n.Tr "new_org"}}" data-position="left center">
172
172
{{svg "octicon-plus"}}
173
173
<span class="sr-only">{{.i18n.Tr "new_org"}}</span>
174
174
</a>
+2
-2
templates/user/profile.tmpl
+2
-2
templates/user/profile.tmpl
···
5
5
<div class="ui five wide column">
6
6
<div class="ui card">
7
7
{{if eq .SignedUserName .Owner.Name}}
8
-
<a class="image poping up" href="{{AppSubUrl}}/user/settings" id="profile-avatar" data-content="{{.i18n.Tr "user.change_avatar"}}" data-variation="inverted tiny" data-position="bottom center">
8
+
<a class="image tooltip" href="{{AppSubUrl}}/user/settings" id="profile-avatar" data-content="{{.i18n.Tr "user.change_avatar"}}" data-position="bottom center">
9
9
{{avatar .Owner 290}}
10
10
</a>
11
11
{{else}}
···
54
54
{{range .Orgs}}
55
55
{{if (or .Visibility.IsPublic (and ($.SignedUser) (or .Visibility.IsLimited (and (.HasMemberWithUserID $.SignedUserID) .Visibility.IsPrivate) ($.IsAdmin))))}}
56
56
<li>
57
-
<a class="poping up" href="{{.HomeLink}}" data-content="{{.Name}}" data-position="top center" data-variation="tiny inverted">
57
+
<a class="tooltip" href="{{.HomeLink}}" data-content="{{.Name}}" data-position="top center">
58
58
{{avatar .}}
59
59
</a>
60
60
</li>
+2
-2
templates/user/settings/keys_gpg.tmpl
+2
-2
templates/user/settings/keys_gpg.tmpl
···
58
58
</div>
59
59
<div class="content">
60
60
{{if .Verified}}
61
-
<span class="poping up" data-content="{{$.i18n.Tr "settings.gpg_key_verified_long"}}">{{svg "octicon-shield-check"}} <strong>{{$.i18n.Tr "settings.gpg_key_verified"}}</strong></span>
61
+
<span class="tooltip" data-content="{{$.i18n.Tr "settings.gpg_key_verified_long"}}">{{svg "octicon-shield-check"}} <strong>{{$.i18n.Tr "settings.gpg_key_verified"}}</strong></span>
62
62
{{end}}
63
63
{{if gt (len .Emails) 0}}
64
-
<span class="poping up" data-content="{{$.i18n.Tr "settings.gpg_key_matched_identities_long"}}">{{svg "octicon-mail"}} {{$.i18n.Tr "settings.gpg_key_matched_identities"}} {{range .Emails}}<strong>{{.Email}} </strong>{{end}}</span>
64
+
<span class="tooltip" data-content="{{$.i18n.Tr "settings.gpg_key_matched_identities_long"}}">{{svg "octicon-mail"}} {{$.i18n.Tr "settings.gpg_key_matched_identities"}} {{range .Emails}}<strong>{{.Email}} </strong>{{end}}</span>
65
65
{{end}}
66
66
<div class="print meta">
67
67
<b>{{$.i18n.Tr "settings.key_id"}}:</b> {{.KeyID}}
+5
-5
templates/user/settings/profile.tmpl
+5
-5
templates/user/settings/profile.tmpl
···
30
30
</div>
31
31
<div class="inline field">
32
32
<div class="ui checkbox" id="keep-email-private">
33
-
<label class="poping up" data-content="{{.i18n.Tr "settings.keep_email_private_popup"}}"><strong>{{.i18n.Tr "settings.keep_email_private"}}</strong></label>
33
+
<label class="tooltip" data-content="{{.i18n.Tr "settings.keep_email_private_popup"}}"><strong>{{.i18n.Tr "settings.keep_email_private"}}</strong></label>
34
34
<input name="keep_email_private" type="checkbox" {{if .SignedUser.KeepEmailPrivate}}checked{{end}}>
35
35
</div>
36
36
</div>
···
69
69
<div class="menu">
70
70
{{range $mode := .AllowedUserVisibilityModes}}
71
71
{{if $mode.IsPublic}}
72
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.public_tooltip"}}" data-value="0">{{$.i18n.Tr "settings.visibility.public"}}</div>
72
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.public_tooltip"}}" data-value="0">{{$.i18n.Tr "settings.visibility.public"}}</div>
73
73
{{else if $mode.IsLimited}}
74
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.limited_tooltip"}}" data-value="1">{{$.i18n.Tr "settings.visibility.limited"}}</div>
74
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.limited_tooltip"}}" data-value="1">{{$.i18n.Tr "settings.visibility.limited"}}</div>
75
75
{{else if $mode.IsPrivate}}
76
-
<div class="item poping up" data-content="{{$.i18n.Tr "settings.visibility.private_tooltip"}}" data-value="2">{{$.i18n.Tr "settings.visibility.private"}}</div>
76
+
<div class="item tooltip" data-content="{{$.i18n.Tr "settings.visibility.private_tooltip"}}" data-value="2">{{$.i18n.Tr "settings.visibility.private"}}</div>
77
77
{{end}}
78
78
{{end}}
79
79
</div>
···
82
82
83
83
<div class="field">
84
84
<div class="ui checkbox" id="keep-activity-private">
85
-
<label class="poping up" data-content="{{.i18n.Tr "settings.keep_activity_private_popup"}}"><strong>{{.i18n.Tr "settings.keep_activity_private"}}</strong></label>
85
+
<label class="tooltip" data-content="{{.i18n.Tr "settings.keep_activity_private_popup"}}"><strong>{{.i18n.Tr "settings.keep_activity_private"}}</strong></label>
86
86
<input name="keep_activity_private" type="checkbox" {{if .SignedUser.KeepActivityPrivate}}checked{{end}}>
87
87
</div>
88
88
</div>
+1
-1
web_src/js/components/DashboardRepoList.js
+1
-1
web_src/js/components/DashboardRepoList.js
+13
-5
web_src/js/features/common-global.js
+13
-5
web_src/js/features/common-global.js
···
62
62
// Show exact time
63
63
$('.time-since').each(function () {
64
64
$(this)
65
-
.addClass('poping up')
65
+
.addClass('tooltip')
66
66
.attr('data-content', $(this).attr('title'))
67
-
.attr('data-variation', 'inverted tiny')
68
67
.attr('title', '');
69
68
});
70
69
···
88
87
$('.jump.dropdown').dropdown({
89
88
action: 'hide',
90
89
onShow() {
91
-
$('.poping.up').popup('hide');
90
+
$('.tooltip').popup('hide');
92
91
},
93
92
fullTextSearch: 'exact'
94
93
});
···
104
103
$('.ui.progress').progress({
105
104
showActivity: false
106
105
});
107
-
$('.poping.up').attr('data-variation', 'inverted tiny').popup();
108
-
$('.top.menu .poping.up').popup({
106
+
107
+
// init popups
108
+
$('.tooltip').each((_, el) => {
109
+
const $el = $(el);
110
+
const attr = $el.attr('data-variation');
111
+
const attrs = attr ? attr.split(' ') : [];
112
+
const variations = new Set([...attrs, 'inverted', 'tiny']);
113
+
$el.attr('data-variation', [...variations].join(' ')).popup();
114
+
});
115
+
116
+
$('.top.menu .tooltip').popup({
109
117
onShow() {
110
118
if ($('.top.menu .menu.transition').hasClass('visible')) {
111
119
return false;