2023-05-28 20:04:35 +02:00
|
|
|
@import "./modules/normalize.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
@import "./modules/animations.css";
|
2024-03-24 17:48:06 +01:00
|
|
|
|
|
|
|
|
/* fomantic replacements */
|
2023-05-29 14:45:22 +02:00
|
|
|
@import "./modules/button.css";
|
2024-03-24 17:48:06 +01:00
|
|
|
@import "./modules/container.css";
|
|
|
|
|
@import "./modules/divider.css";
|
|
|
|
|
@import "./modules/header.css";
|
2024-03-31 18:06:06 +02:00
|
|
|
@import "./modules/input.css";
|
2024-03-27 10:58:02 +01:00
|
|
|
@import "./modules/label.css";
|
2024-04-06 23:33:45 +02:00
|
|
|
@import "./modules/list.css";
|
2024-03-24 17:48:06 +01:00
|
|
|
@import "./modules/segment.css";
|
|
|
|
|
@import "./modules/grid.css";
|
|
|
|
|
@import "./modules/message.css";
|
2024-03-25 16:40:50 +01:00
|
|
|
@import "./modules/table.css";
|
2024-03-24 17:48:06 +01:00
|
|
|
@import "./modules/card.css";
|
2024-03-29 05:56:01 +01:00
|
|
|
@import "./modules/checkbox.css";
|
2024-03-24 17:48:06 +01:00
|
|
|
@import "./modules/modal.css";
|
2025-04-02 12:54:54 +00:00
|
|
|
@import "./modules/dimmer.css";
|
2024-03-24 17:48:06 +01:00
|
|
|
|
2025-01-05 18:46:47 +00:00
|
|
|
@import "./modules/switch.css";
|
feat(ui): redesign user profile actions layout (#7906)
Related: https://codeberg.org/forgejo/forgejo/pulls/3950#issue-785253, https://codeberg.org/forgejo/forgejo/pulls/3950#issuecomment-1998551.
## Links in dropdown
* move _admin only_ User details link here, give it always-visible text
* add new _self only_ Edit profile link here
* move RSS feed link here
* add new Atom feed link here, previously unadvertised
* add new SSH keys link here (`.keys`), previously unadvertised
* add new GPG keys link here (`.gpg`), previously unadvertised
* move Block/Unblock button here
* move Report abuse link here
If primary action is available (Follow/Unfollow), dropdown with more actions goes after it. If not, it is in line with followers, in place where RSS feed button used to be.
## New dropdown
Related: https://codeberg.org/forgejo/design/issues/23, https://codeberg.org/forgejo/forgejo/issues/3853, https://codeberg.org/0ko/forgejo/issues/2.
Implemented a new dropdown: noJS-usable, JS-enhanced for better keyboard navigation and a11y.
Styling is mostly same as the existing ones have, but row density depends on `@media` pointer type.
My choice of CSS properties have been influenced of these:
* https://github.com/picocss/pico/commit/72a3adb16b2f3248b456da823502f166510720a0
* https://github.com/picocss/pico/commit/51dd2293cab8d77cf13fc2c32b6053ffa654bc56
Inspired-by: KiranMantha <kiranv.mantha@gmail.com>
Inspired-by: Lucas Larroche <lucas@larroche.com>
Co-authored-by: Beowulf <beowulf@beocode.eu>
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/7906
Reviewed-by: Otto <otto@codeberg.org>
Reviewed-by: Beowulf <beowulf@beocode.eu>
Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Co-committed-by: 0ko <0ko@noreply.codeberg.org>
2025-06-24 14:16:51 +02:00
|
|
|
@import "./modules/dropdown.css";
|
2023-06-13 03:55:48 -04:00
|
|
|
@import "./modules/select.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
@import "./modules/tippy.css";
|
|
|
|
|
@import "./modules/breadcrumb.css";
|
|
|
|
|
@import "./modules/comment.css";
|
2023-06-20 22:35:25 +02:00
|
|
|
@import "./modules/navbar.css";
|
2023-06-27 04:45:24 +02:00
|
|
|
@import "./modules/toast.css";
|
2023-07-04 04:15:06 +02:00
|
|
|
@import "./modules/svg.css";
|
2023-07-31 09:16:03 +02:00
|
|
|
@import "./modules/flexcontainer.css";
|
2025-05-25 13:31:53 +02:00
|
|
|
@import "./modules/user-cards.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
|
2023-08-01 00:13:42 +02:00
|
|
|
@import "./shared/flex-list.css";
|
2023-06-18 12:31:42 +02:00
|
|
|
@import "./shared/milestone.css";
|
2023-04-20 16:58:26 +08:00
|
|
|
@import "./shared/repoorg.css";
|
2023-06-07 10:49:48 +08:00
|
|
|
@import "./shared/settings.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
|
2023-03-15 03:20:19 +01:00
|
|
|
@import "./features/dropzone.css";
|
|
|
|
|
@import "./features/gitgraph.css";
|
|
|
|
|
@import "./features/heatmap.css";
|
|
|
|
|
@import "./features/imagediff.css";
|
|
|
|
|
@import "./features/codeeditor.css";
|
|
|
|
|
@import "./features/projects.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
@import "./features/tribute.css";
|
|
|
|
|
@import "./features/console.css";
|
|
|
|
|
|
2023-03-15 03:20:19 +01:00
|
|
|
@import "./markup/content.css";
|
|
|
|
|
@import "./markup/codecopy.css";
|
|
|
|
|
@import "./markup/asciicast.css";
|
2024-03-15 13:44:42 +01:00
|
|
|
@import "./markup/filepreview.css";
|
2023-03-15 03:20:19 +01:00
|
|
|
|
|
|
|
|
@import "./chroma/base.css";
|
|
|
|
|
@import "./codemirror/base.css";
|
|
|
|
|
@import "./font_i18n.css";
|
|
|
|
|
@import "./base.css";
|
|
|
|
|
@import "./home.css";
|
|
|
|
|
@import "./install.css";
|
|
|
|
|
@import "./form.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
|
|
|
|
|
@import "./repo.css";
|
2025-05-28 05:16:19 +02:00
|
|
|
@import "./repo/file-view.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
@import "./repo/release-tag.css";
|
2023-08-12 12:30:28 +02:00
|
|
|
@import "./repo/issue-card.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
@import "./repo/issue-label.css";
|
|
|
|
|
@import "./repo/issue-list.css";
|
|
|
|
|
@import "./repo/list-header.css";
|
|
|
|
|
@import "./repo/linebutton.css";
|
2023-06-24 03:51:43 +08:00
|
|
|
@import "./repo/wiki.css";
|
2024-01-12 04:44:06 +01:00
|
|
|
@import "./repo/header.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
|
|
|
|
|
@import "./editor/fileeditor.css";
|
2023-04-29 19:35:59 +08:00
|
|
|
@import "./editor/combomarkdowneditor.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
|
|
|
|
|
@import "./org.css";
|
2023-03-15 03:20:19 +01:00
|
|
|
@import "./user.css";
|
|
|
|
|
@import "./dashboard.css";
|
|
|
|
|
@import "./admin.css";
|
|
|
|
|
@import "./explore.css";
|
|
|
|
|
@import "./review.css";
|
2023-05-16 06:13:30 +02:00
|
|
|
@import "./actions.css";
|
2025-04-19 13:51:35 +00:00
|
|
|
@import "./migrate.css";
|
Add tailwindcss (#29357)
This will get tailwindcss working on a basic level. It provides only the
utility classes, e.g. no tailwind base which we don't need because we
have our own CSS reset. Without the base, we also do not have their CSS
variables so a small amount of features do not work and I removed the
generated classes for them.
***Note for future developers: This currently uses a `tw-` prefix, so we
use it like `tw-p-3`.***
<details>
<summary>Currently added CSS, all false-positives</summary>
```
.\!visible{
visibility: visible !important
}
.visible{
visibility: visible
}
.invisible{
visibility: hidden
}
.collapse{
visibility: collapse
}
.static{
position: static
}
.\!fixed{
position: fixed !important
}
.absolute{
position: absolute
}
.relative{
position: relative
}
.sticky{
position: sticky
}
.left-10{
left: 2.5rem
}
.isolate{
isolation: isolate
}
.float-right{
float: right
}
.float-left{
float: left
}
.mr-2{
margin-right: 0.5rem
}
.mr-3{
margin-right: 0.75rem
}
.\!block{
display: block !important
}
.block{
display: block
}
.inline-block{
display: inline-block
}
.inline{
display: inline
}
.flex{
display: flex
}
.inline-flex{
display: inline-flex
}
.\!table{
display: table !important
}
.inline-table{
display: inline-table
}
.table-caption{
display: table-caption
}
.table-cell{
display: table-cell
}
.table-column{
display: table-column
}
.table-column-group{
display: table-column-group
}
.table-footer-group{
display: table-footer-group
}
.table-header-group{
display: table-header-group
}
.table-row-group{
display: table-row-group
}
.table-row{
display: table-row
}
.flow-root{
display: flow-root
}
.inline-grid{
display: inline-grid
}
.contents{
display: contents
}
.list-item{
display: list-item
}
.\!hidden{
display: none !important
}
.hidden{
display: none
}
.flex-shrink{
flex-shrink: 1
}
.shrink{
flex-shrink: 1
}
.flex-grow{
flex-grow: 1
}
.grow{
flex-grow: 1
}
.border-collapse{
border-collapse: collapse
}
.select-all{
user-select: all
}
.resize{
resize: both
}
.flex-wrap{
flex-wrap: wrap
}
.overflow-visible{
overflow: visible
}
.rounded{
border-radius: 0.25rem
}
.border{
border-width: 1px
}
.text-justify{
text-align: justify
}
.uppercase{
text-transform: uppercase
}
.lowercase{
text-transform: lowercase
}
.capitalize{
text-transform: capitalize
}
.italic{
font-style: italic
}
.text-red{
color: var(--color-red)
}
.text-shadow{
color: var(--color-shadow)
}
.underline{
text-decoration-line: underline
}
.overline{
text-decoration-line: overline
}
.line-through{
text-decoration-line: line-through
}
.outline{
outline-style: solid
}
.ease-in{
transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.ease-out{
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
```
</details>
---------
Co-authored-by: Giteabot <teabot@gitea.io>
(cherry picked from commit f4b92578b4601bc6e9b631b9a5a5f3766c27b0cb)
2024-02-25 17:46:46 +01:00
|
|
|
|
|
|
|
|
@tailwind utilities;
|
2023-03-15 03:20:19 +01:00
|
|
|
@import "./helpers.css";
|
