This repository has been archived on 2024-01-02. You can view files and clone it, but cannot push or open issues or pull requests.
forgejo-tweaks/custom/public/css/tweaks.css

105 lines
3.3 KiB
CSS

/**
* Tweaks done to the [Gitea Modern](https://git.sofiaritz.com/mirrors/Gitea-Modern) theme.
* This file is loaded inside the [theme-gitea-modern.css](https://git.sofiaritz.com/mirrors/Gitea-Modern/src/branch/main/theme-gitea-modern.css)
* located in this same directory.
* The `theme-forgejo-auto` theme is also loaded there.
**/
:root {
--fj-tweaks--checkmark: "\2714";
--fj-tweaks--official-text: "Official Project";
--fj-tweaks--official-color: #3b913b;
--fj-tweaks--verified-text: "Verified User";
--fj-tweaks--verified-color: var(--color-primary);
}
/* Improve look of the repo listings */
.ui.repository.list .item .header .repo-title, .ui.user.list .item .header .repo-title {
display: flex !important;
gap: 1rem;
}
.ui.repository.list .item .description .time, .ui.user.list .item .description .time {
grid-row: auto !important;
grid-column: auto !important;
margin-left: 0 !important;
text-align: left !important;
margin-top: 0.5rem;
margin-block: unset !important;
}
/* Improve look of the profile page */
div.page-content.user.profile div.ui.container div.ui.stackable.grid div.ui.four.wide.column {
width: 20% !important;
}
/* Align the top of the repo view */
@media only screen and (min-width: 850px) {
.page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child {
padding-left: 67px !important;
}
}
/* "Fix" alignment of commit dates */
.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr {
align-items: normal !important;
}
#repo-files-table thead relative-time {
display: block;
margin-top: 15px;
}
#repo-files-table tbody relative-time {
display: block;
padding-top: 7px;
}
/* Fix scoped issue labels */
.scope-parent > .scope-left {
border-radius: 100px 0 0 100px !important;
}
.scope-parent > .scope-right {
border-radius: 0 100px 100px 0 !important;
}
/* === Verified Users and Organizations === */
/** ===== Organizations ===== **/
.ui.user.list a[href="/Infrastructure"]::after, #org-info a[href="/Infrastructure.rss"]::after {
display: inline-block;
content: var(--fj-tweaks--checkmark);
color: var(--fj-tweaks--official-color);
border: solid 2px var(--fj-tweaks--official-color);
margin-left: 3px;
border-radius: 99999px;
}
.ui.user.list a[href="/Infrastructure"]::after { padding: 0 2px 1px 3px; }
#org-info a[href="/Infrastructure.rss"]::after { padding: 0 10px 1px 10px; }
.ui.user.list a[href="/Infrastructure"]:hover::after, #org-info a[href="/Infrastructure.rss"]:hover::after {
content: var(--fj-tweaks--official-text);
padding-left: 5px;
padding-right: 5px;
}
/** ===== Users ===== **/
.ui.user.list a[href="/sofia"]::after, .profile-avatar-name a[href="/sofia.rss"]::after {
display: inline-block;
content: var(--fj-tweaks--checkmark);
color: var(--fj-tweaks--verified-color);
border: solid 2px var(--fj-tweaks--verified-color);
margin-left: 3px;
border-radius: 99999px;
}
.ui.user.list a[href="/sofia"]::after { padding: 0 2px 1px 3px; }
.profile-avatar-name a[href="/sofia.rss"]::after { padding: 0 3.5px 1px 3.5px; }
.ui.user.list a[href="/sofia"]:hover::after, .profile-avatar-name a[href="/sofia.rss"]:hover::after {
content: var(--fj-tweaks--verified-text);
padding-left: 5px;
padding-right: 5px;
}