Files
gitea-themes/styles/components/templates/repo/commits_list.ts
T
chuan 434161de5b
Release / release (push) Failing after 13s
Refactor theme management and update documentation
- Removed `.github-theme` from .gitignore as it is no longer needed.
- Updated `official-style-map.md` to clarify the maintenance of GitHub Light style increments within the current repository.
- Revised `rules.md` to reflect the new approach to maintaining GitHub Light theme increments.
- Changed test script in `package.json` to verify generated theme instead of GitHub migration.
- Added `verify-generated-theme.ts` script to validate the generated theme files.
- Migrated various styles from `.github-theme` to the new structure, updating comments and references accordingly.
2026-05-18 01:26:17 +08:00

110 lines
2.8 KiB
TypeScript

export const commitsList = `
ul.gitea-github-theme-templates-commits-list {
margin: 0;
padding: 0;
list-style: none;
li.gitea-github-theme-commit {
border-bottom: 1px solid var(--color-secondary);
padding: 8px 16px;
gap: 4px;
display: grid;
grid-template-areas: "primary metadata actions" "secondary metadata actions";
grid-template-rows: repeat(2, auto);
grid-template-columns: minmax(30%, 1fr) minmax(0, max-content) min-content;
&:last-child {
border-bottom: none;
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
&:hover {
background-color: var(--color-hover-opaque);
}
.message {
grid-area: primary;
.commit-summary {
font-size: 16px;
font-weight: 500;
white-space: pre-wrap;
}
.ellipsis-button {
padding: unset;
height: 1.5rem;
min-width: 1.75rem;
background: unset;
border: unset;
vertical-align: bottom;
&:hover {
background: var(--color-hover);
}
}
.commit-body {
font-size: 12px;
font-weight: 400;
color: var(--color-text-light-1);
margin: 8px 0;
}
}
.metadata {
grid-area: secondary;
font-size: 12px;
color: var(--color-text-light-1);
display: flex;
align-items: center;
flex-direction: row;
gap: 4px;
.author-wrapper {
display: flex;
align-items: center;
}
img.ui.avatar {
border-radius: 9999px;
margin-right: 4px;
}
.ui.label svg {
min-width: 12px;
min-height: 12px;
width: 12px;
height: 12px;
}
}
.extra {
grid-area: metadata;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
column-gap: 8px;
.gitea-github-theme-tag {
border-width: 1.5px;
border-radius: 9999px;
height: 25px;
}
}
.actions {
grid-area: actions;
display: flex;
align-items: center;
flex-direction: row;
gap: 4px;
color: var(--color-text-light-1);
.gitea-github-theme-action {
justify-content: center;
height: 28px;
width: 28px;
}
}
}
}
@media (max-width: 767.98px) {
ul.gitea-github-theme-templates-commits-list {
li.gitea-github-theme-commit {
grid-template-areas: "primary primary" "metadata actions" "secondary actions";
grid-template-rows: repeat(3, auto);
}
}
}
`;
export const stylesheet = [commitsList].join("\n\n");