Skip to content

Commit eaa6767

Browse files
authored
Fix doc and heatmap for the Vue3 refactoring (#21312)
1 parent 3d10193 commit eaa6767

File tree

6 files changed

+20
-24
lines changed

6 files changed

+20
-24
lines changed

docs/content/doc/developers/guidelines-frontend.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ menu:
2121

2222
## Background
2323

24-
Gitea uses [Less CSS](https://lesscss.org), [Fomantic-UI](https://fomantic-ui.com/introduction/getting-started.html) (based on [jQuery](https://api.jquery.com)) and [Vue2](https://vuejs.org/v2/guide/) for its frontend.
24+
Gitea uses [Less CSS](https://lesscss.org), [Fomantic-UI](https://fomantic-ui.com/introduction/getting-started.html) (based on [jQuery](https://api.jquery.com)) and [Vue3](https://vuejs.org/) for its frontend.
2525

2626
The HTML pages are rendered by [Go HTML Template](https://pkg.go.dev/html/template).
2727

@@ -44,7 +44,7 @@ We recommend [Google HTML/CSS Style Guide](https://google.github.io/styleguide/h
4444
4. jQuery events across different features could use their own namespaces if there are potential conflicts.
4545
5. CSS styling for classes provided by frameworks should not be overwritten. Always use new class-names with 2-3 feature related keywords to overwrite framework styles.
4646
6. The backend can pass complex data to the frontend by using `ctx.PageData["myModuleData"] = map[]{}`
47-
7. Simple pages and SEO-related pages use Go HTML Template render to generate static Fomantic-UI HTML output. Complex pages can use Vue2 (or Vue3 in future).
47+
7. Simple pages and SEO-related pages use Go HTML Template render to generate static Fomantic-UI HTML output. Complex pages can use Vue3.
4848

4949
### Framework Usage
5050

@@ -97,6 +97,6 @@ However, there are still some special cases, so the current guideline is:
9797

9898
A lot of legacy code already existed before this document's written. It's recommended to refactor legacy code to follow the guidelines.
9999

100-
### Vue2/Vue3 and JSX
100+
### Vue3 and JSX
101101

102-
Gitea is using Vue2 now, we plan to upgrade to Vue3. We decided not to introduce JSX to keep the HTML and the JavaScript code separated.
102+
Gitea is using Vue3 now. We decided not to introduce JSX to keep the HTML and the JavaScript code separated.

docs/content/page/index.en-us.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -287,7 +287,7 @@ You can try it out using [the online demo](https://try.gitea.io/).
287287
- UI frameworks:
288288
- [jQuery](https://jquery.com)
289289
- [Fomantic UI](https://fomantic-ui.com)
290-
- [Vue2](https://vuejs.org)
290+
- [Vue3](https://vuejs.org)
291291
- and various components (see package.json)
292292
- Editors:
293293
- [CodeMirror](https://codemirror.net)

docs/content/page/index.fr-fr.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -258,7 +258,7 @@ Le but de ce projet est de fournir de la manière la plus simple, la plus rapide
258258
- Interface graphique :
259259
- [jQuery](https://jquery.com)
260260
- [Fomantic UI](https://fomantic-ui.com)
261-
- [Vue2](https://vuejs.org)
261+
- [Vue3](https://vuejs.org)
262262
- [CodeMirror](https://codemirror.net)
263263
- [EasyMDE](https://github.com/Ionaru/easy-markdown-editor)
264264
- [Monaco Editor](https://microsoft.github.io/monaco-editor)

docs/content/page/index.zh-cn.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ Gitea的首要目标是创建一个极易安装,运行非常快速,安装和
5252
- UI 框架:
5353
- [jQuery](https://jquery.com)
5454
- [Fomantic UI](https://fomantic-ui.com)
55-
- [Vue2](https://vuejs.org)
55+
- [Vue3](https://vuejs.org)
5656
- 更多组件参见 package.json
5757
- 编辑器:
5858
- [CodeMirror](https://codemirror.net)

docs/content/page/index.zh-tw.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -271,7 +271,7 @@ Gitea 是從 [Gogs](http://gogs.io) Fork 出來的,請閱讀部落格文章 [G
271271
- UI 元件:
272272
- [jQuery](https://jquery.com)
273273
- [Fomantic UI](https://fomantic-ui.com)
274-
- [Vue2](https://vuejs.org)
274+
- [Vue3](https://vuejs.org)
275275
- [CodeMirror](https://codemirror.net)
276276
- [EasyMDE](https://github.com/Ionaru/easy-markdown-editor)
277277
- [Monaco Editor](https://microsoft.github.io/monaco-editor)

web_src/less/features/heatmap.less

Lines changed: 12 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,27 @@
11
#user-heatmap {
22
width: 100%;
3-
text-align: center;
3+
font-size: 9px;
44
position: relative;
55
min-height: 125px;
6-
align-items: center;
7-
justify-content: center;
6+
7+
text {
8+
fill: currentcolor !important;
9+
}
810

911
// for the "Less" and "More" legend
12+
.vch__legend .vch__legend {
13+
display: flex;
14+
font-size: 11px;
15+
align-items: center;
16+
justify-content: right;
17+
}
1018
.vch__legend .vch__legend div:first-child,
1119
.vch__legend .vch__legend div:last-child {
1220
display: inline-block;
1321
padding: 0 5px;
1422
}
1523

16-
> svg {
17-
width: 100%;
18-
}
19-
20-
svg:not(:root) {
21-
overflow: inherit;
22-
padding: 0 !important;
23-
}
24-
25-
text {
26-
fill: currentcolor !important;
27-
}
28-
24+
// move the "? contributions in the last ? months" text from top to bottom
2925
.total-contributions {
3026
font-size: 11px;
3127
position: absolute;

0 commit comments

Comments
 (0)