Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Remove fomantic loader module #26670

Merged
merged 13 commits into from
Aug 25, 2023
Merged

Remove fomantic loader module #26670

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
839ae3c
Remove fomantic loader module
silverwind Aug 22, 2023
624dce0
remove locale
silverwind Aug 22, 2023
e620103
fix integration
silverwind Aug 22, 2023
322ef07
add fitting min-height for user-profile heatmap as well
silverwind Aug 22, 2023
dd3db4c
Merge branch 'main' into noloader
wxiaoguang Aug 24, 2023
294177c
fix heatmap
wxiaoguang Aug 24, 2023
8ef411b
fix lint
wxiaoguang Aug 24, 2023
b198947
Merge branch 'main' into noloader
silverwind Aug 24, 2023
bd6e77a
tweak heatmap ratio
silverwind Aug 24, 2023
e5f434a
add separate ratio for user profile
silverwind Aug 24, 2023
5e072d2
remove subtemplate
silverwind Aug 24, 2023
11bf374
Merge branch 'main' into noloader
GiteaBot Aug 25, 2023
7e3a3a0
Merge branch 'main' into noloader
GiteaBot Aug 25, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion options/locale/locale_en-US.ini
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -598,7 +598,6 @@ overview = Overview
following = Following
follow = Follow
unfollow = Unfollow
heatmap.loading = Loading Heatmap…
user_bio = Biography
disabled_public_activity = This user has disabled the public visibility of the activity.
email_visibility.limited = Your email address is visible to all authenticated users
Expand Down
4 changes: 2 additions & 2 deletions templates/user/auth/webauthn.tmpl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
{{template "base/alert" .}}
<p>{{.locale.Tr "webauthn_sign_in"}}</p>
</div>
<div class="ui attached segment">
<div class="ui active indeterminate inline loader"></div>
<div class="ui attached segment gt-df gt-ac gt-jc gt-gap-2 gt-py-3">
<div class="is-loading" style="width: 40px; height: 40px"></div>
{{.locale.Tr "webauthn_press_button"}}
</div>
<div class="ui attached segment">
Expand Down
8 changes: 2 additions & 6 deletions templates/user/heatmap.tmpl
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,10 @@
{{if .HeatmapData}}
<div id="user-heatmap"
<div id="user-heatmap" class="is-loading"
data-heatmap-data="{{JsonUtils.EncodeToString .HeatmapData}}"
data-locale-total-contributions="{{$.locale.Tr "heatmap.number_of_contributions_in_the_last_12_months" ($.locale.PrettyNumber .HeatmapTotalContributions)}}"
data-locale-no-contributions="{{.locale.Tr "heatmap.no_contributions"}}"
data-locale-more="{{.locale.Tr "heatmap.more"}}"
data-locale-less="{{.locale.Tr "heatmap.less"}}"
>
<div slot="loading">
<div class="ui active centered inline indeterminate text loader" id="loading-heatmap">{{.locale.Tr "user.heatmap.loading"}}</div>
</div>
</div>
></div>
<div class="divider"></div>
{{end}}
32 changes: 9 additions & 23 deletions web_src/css/features/heatmap.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,15 @@
width: 100%;
font-size: 9px;
position: relative;
min-height: 125px;
}

/* before the Vue component is mounted, show a loading indicator with dummy size */
/* the ratio is guesswork, see https://github.com/razorness/vue3-calendar-heatmap/issues/26 */
#user-heatmap.is-loading {
aspect-ratio: 5.415; /* the size is about 790 x 145 */
}
.user.profile #user-heatmap.is-loading {
aspect-ratio: 5.645; /* the size is about 953 x 169 */
}

#user-heatmap text {
Expand Down Expand Up @@ -32,37 +40,15 @@
}

@media (max-width: 1200px) {
#user-heatmap {
min-height: 105px;
}
#user-heatmap .total-contributions {
left: 21px;
}
}

@media (max-width: 1000px) {
#user-heatmap {
min-height: 80px;
}
#user-heatmap .total-contributions {
font-size: 10px;
left: 17px;
bottom: -4px;
}
}

.user.profile #user-heatmap {
min-height: 135px;
}

@media (max-width: 1200px) {
.user.profile #user-heatmap {
min-height: 115px;
}
}

@media (max-width: 1000px) {
.user.profile #user-heatmap {
min-height: 90px;
}
}
4 changes: 0 additions & 4 deletions web_src/css/user.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,10 +58,6 @@
}
}

.user.profile #loading-heatmap {
margin-bottom: 1em;
}

.user.profile .ui.secondary.stackable.pointing.menu {
flex-wrap: wrap;
}
Expand Down
Loading