You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
Go to file
Denys Konovalov b9baed2c74
Introduce `flex-list` & `flex-item` elements for Gitea UI (#25790)
This PR introduces a new UI element type for Gitea called `flex-item`.
It consists of a horizontal card with a leading, main and trailing part:


![grafik](https://github.com/go-gitea/gitea/assets/47871822/395dd3f3-3906-4481-8f65-be6ac0acbe03)

The idea behind it is that in Gitea UI, we have many cases where we use
this kind of layout, but it is achieved in many different ways:
  - grid layout
  - `.ui.list` with additional hacky flexbox
- `.ui.key.list` - looks to me like a style set originally created for
ssh/gpg key list, was used in many other places
  - `.issue.list` - created for issue cards, used in many other places
  - ...

This new style is based on `.issue.list`, specifically the refactoring
of it done in #25750.

In this PR, the new element is introduced and lots of templates are
being refactored to use that style. This allows to remove a lot of
page-specific css, makes many of the elements responsive or simply
provides a cleaner/better-looking way to present information.

A devtest section with the new style is also available.

<details>
<summary>Screenshots (left: before, right: after)</summary>

![Bildschirmfoto vom 2023-07-09
21-01-21](https://github.com/go-gitea/gitea/assets/47871822/545b7da5-b300-475f-bd6d-b7d836950bb5)
![Bildschirmfoto vom 2023-07-09
21-01-56](https://github.com/go-gitea/gitea/assets/47871822/b6f70415-6795-4f71-a5ea-117d56107ea1)
![Bildschirmfoto vom 2023-07-09
21-02-45](https://github.com/go-gitea/gitea/assets/47871822/47407121-3f2a-4778-8f6d-ad2687c2e7b3)
![Bildschirmfoto vom 2023-07-09
21-03-44](https://github.com/go-gitea/gitea/assets/47871822/76167aaf-c3b2-46f6-9ffd-709f20aa6a34)
![Bildschirmfoto vom 2023-07-09
21-04-52](https://github.com/go-gitea/gitea/assets/47871822/af8fdde5-711e-4524-99cf-fb5d68af85b9)
![Bildschirmfoto vom 2023-07-09
21-05-25](https://github.com/go-gitea/gitea/assets/47871822/ae406946-e3e4-4109-abfe-b3588a07b468)
![Bildschirmfoto vom 2023-07-09
21-06-35](https://github.com/go-gitea/gitea/assets/47871822/2dbacc04-24d6-4f91-9e42-e16d6e4b5f1f)
![Bildschirmfoto vom 2023-07-09
21-09-03](https://github.com/go-gitea/gitea/assets/47871822/d3ca4e56-a72f-4179-adc8-98bfd638025b)
![Bildschirmfoto vom 2023-07-09
21-09-44](https://github.com/go-gitea/gitea/assets/47871822/df1fa689-499c-4e54-b6fb-3b81644b725f)
![Bildschirmfoto vom 2023-07-09
21-10-27](https://github.com/go-gitea/gitea/assets/47871822/b21cac71-a85a-4c8c-bb99-ab90373d8e09)
![Bildschirmfoto vom 2023-07-09
21-11-12](https://github.com/go-gitea/gitea/assets/47871822/89be39cf-0af9-4f2d-9fca-42f9eb5e7824)
![Bildschirmfoto vom 2023-07-09
21-12-01](https://github.com/go-gitea/gitea/assets/47871822/079579ea-1ecb-49c0-b32b-b59ed957caec)
![Bildschirmfoto vom 2023-07-09
21-17-44](https://github.com/go-gitea/gitea/assets/47871822/61ac6ec4-a319-4d5c-9c99-2e02a77295ba)
![Bildschirmfoto vom 2023-07-09
21-18-27](https://github.com/go-gitea/gitea/assets/47871822/5b55b73f-6244-47f7-a3e6-c5e4a7474585)
![Bildschirmfoto vom 2023-07-09
21-19-18](https://github.com/go-gitea/gitea/assets/47871822/c1b7c22e-3e5a-46d4-b8d6-5560db478c0b)
![Bildschirmfoto vom 2023-07-09
21-29-13](https://github.com/go-gitea/gitea/assets/47871822/82ffca8d-ab2e-4a18-9954-5b685bf6a422)
![Bildschirmfoto vom 2023-07-09
21-30-11](https://github.com/go-gitea/gitea/assets/47871822/ad2fdccc-2be8-41bb-bfdc-a084aa387b61)
![Bildschirmfoto vom 2023-07-09
21-32-44](https://github.com/go-gitea/gitea/assets/47871822/2d298ba7-d084-48b5-a139-f86d56262110)
![Bildschirmfoto vom 2023-07-09
21-33-28](https://github.com/go-gitea/gitea/assets/47871822/4cbd838e-9de8-4ad0-8ed9-438da5c9a5cb)


</details>

---------

Co-authored-by: Giteabot <teabot@gitea.io>
2 years ago
.devcontainer Add Github related extensions in devcontainer (#25800) 2 years ago
.gitea
.github Refactor and enhance issue indexer to support both searching, filtering and paging (#26012) 2 years ago
assets Replace gogs/cron with go-co-op/gocron (#25977) 2 years ago
build Move public asset files to the proper directory (#25907) 2 years ago
cmd Fix CLI allowing creation of access tokens with existing name (#26071) 2 years ago
contrib Refactor to use urfave/cli/v2 (#25959) 2 years ago
custom/conf Add 'Show on a map' button to Location in profile, fix layout (#26214) 2 years ago
docker Fix WORK_DIR for docker (root) image (#25738) 2 years ago
docs Mention `devtest` in frontend contributing guidelines (#26249) 2 years ago
models Refactor and enhance issue indexer to support both searching, filtering and paging (#26012) 2 years ago
modules Add 'Show on a map' button to Location in profile, fix layout (#26214) 2 years ago
options Add 'Show on a map' button to Location in profile, fix layout (#26214) 2 years ago
public Update js and py dependencies (#26243) 2 years ago
routers Add 'Show on a map' button to Location in profile, fix layout (#26214) 2 years ago
services Fix pull request check list is limited (#26179) 2 years ago
snap Move public asset files to the proper directory (#25907) 2 years ago
templates Introduce `flex-list` & `flex-item` elements for Gitea UI (#25790) 2 years ago
tests Introduce `flex-list` & `flex-item` elements for Gitea UI (#25790) 2 years ago
web_src Introduce `flex-list` & `flex-item` elements for Gitea UI (#25790) 2 years ago
.air.toml Reduce verbosity of dev commands (#24917) 2 years ago
.changelog.yml
.dockerignore Move public asset files to the proper directory (#25907) 2 years ago
.drone.yml build nightly docker images (#25317) 2 years ago
.editorconfig
.eslintrc.yaml Update js and py dependencies (#26243) 2 years ago
.gitattributes Move public asset files to the proper directory (#25907) 2 years ago
.gitignore Move public asset files to the proper directory (#25907) 2 years ago
.gitpod.yml Add Github related extensions in devcontainer (#25800) 2 years ago
.golangci.yml Update tool dependencies, lock govulncheck and actionlint (#25655) 2 years ago
.ignore Add `/public/assets` to `.ignore` (#26232) 2 years ago
.markdownlint.yaml
.npmrc
.spectral.yaml
.stylelintrc.yaml Update JS dependencies (#26025) 2 years ago
BSDmakefile update BSDmakefile to latest version from upstream (#24063) 2 years ago
CHANGELOG.md Add changelog for 1.20.2 (#26208) 2 years ago
CODE_OF_CONDUCT.md
CONTRIBUTING.md Fix typos in Contributing.md (#26170) 2 years ago
DCO
Dockerfile Update to Alpine 3.18 (#24700) 2 years ago
Dockerfile.rootless Update to Alpine 3.18 (#24700) 2 years ago
LICENSE
MAINTAINERS Apply to became a maintainer. (#25745) 2 years ago
Makefile Update govulncheck, fix typo (#26168) 2 years ago
README.md Move public asset files to the proper directory (#25907) 2 years ago
README_ZH.md Move public asset files to the proper directory (#25907) 2 years ago
SECURITY.md Link to list of vulnerabilities (#25872) 2 years ago
build.go
go.mod Update xorm version (#26128) 2 years ago
go.sum Update xorm version (#26128) 2 years ago
main.go Refactor to use urfave/cli/v2 (#25959) 2 years ago
package-lock.json Update js and py dependencies (#26243) 2 years ago
package.json Update js and py dependencies (#26243) 2 years ago
playwright.config.js
poetry.lock Update js and py dependencies (#26243) 2 years ago
poetry.toml Clean up pyproject.toml and package.json, fix poetry options (#25327) 2 years ago
pyproject.toml Update js and py dependencies (#26243) 2 years ago
vitest.config.js Update JS dependencies, misc tweaks (#25768) 2 years ago
webpack.config.js Move public asset files to the proper directory (#25907) 2 years ago

README.md

Gitea

Gitea - Git with a cup of tea

Contribute with Gitpod

View this document in Chinese

Purpose

The goal of this project is to make the easiest, fastest, and most painless way of setting up a self-hosted Git service.

As Gitea is written in Go, it works across all the platforms and architectures that are supported by Go, including Linux, macOS, and Windows on x86, amd64, ARM and PowerPC architectures. You can try it out using the online demo. This project has been forked from Gogs since November of 2016, but a lot has changed.

Building

From the root of the source tree, run:

TAGS="bindata" make build

or if SQLite support is required:

TAGS="bindata sqlite sqlite_unlock_notify" make build

The build target is split into two sub-targets:

  • make backend which requires Go Stable, required version is defined in go.mod.
  • make frontend which requires Node.js LTS or greater and Internet connectivity to download npm dependencies.

When building from the official source tarballs which include pre-built frontend files, the frontend target will not be triggered, making it possible to build without Node.js and Internet connectivity.

Parallelism (make -j <num>) is not supported.

More info: https://docs.gitea.io/en-us/install-from-source/

Using

./gitea web

NOTE: If you're interested in using our APIs, we have experimental support with documentation.

Contributing

Expected workflow is: Fork -> Patch -> Push -> Pull Request

NOTES:

  1. YOU MUST READ THE CONTRIBUTORS GUIDE BEFORE STARTING TO WORK ON A PULL REQUEST.
  2. If you have found a vulnerability in the project, please write privately to security@gitea.io. Thanks!

Translating

Translations are done through Crowdin. If you want to translate to a new language ask one of the managers in the Crowdin project to add a new language there.

You can also just create an issue for adding a language or ask on discord on the #translation channel. If you need context or find some translation issues, you can leave a comment on the string or ask on Discord. For general translation questions there is a section in the docs. Currently a bit empty but we hope to fill it as questions pop up.

https://docs.gitea.io/en-us/contributing/translation-guidelines/

Crowdin

Further information

For more information and instructions about how to install Gitea, please look at our documentation. If you have questions that are not covered by the documentation, you can get in contact with us on our Discord server or create a post in the discourse forum.

We maintain a list of Gitea-related projects at gitea/awesome-gitea.

The Hugo-based documentation theme is hosted at gitea/theme.

The official Gitea CLI is developed at gitea/tea.

Authors

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

FAQ

How do you pronounce Gitea?

Gitea is pronounced /ɡɪti:/ as in "gi-tea" with a hard g.

Why is this not hosted on a Gitea instance?

We're working on it.

License

This project is licensed under the MIT License. See the LICENSE file for the full license text.

Screenshots

Looking for an overview of the interface? Check it out!

Dashboard User Profile Global Issues
Branches Web Editor Activity
New Migration Migrating Pull Request View
Pull Request Dark Diff Review Dark Diff Dark