mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2025-08-29 05:33:53 +00:00
feat: rewrite commit layout CSS from Tailwind to plain CSS and fix mobile layout
- rewritten tailwind css to plain css in web_src/css/repo.css - fixed mobile layout, but shabox styling is pending; overall layout looks good
This commit is contained in:
parent
3a4dc5d23d
commit
a2933b66db
2 changed files with 26 additions and 5 deletions
|
@ -2766,3 +2766,23 @@ tbody.commit-list {
|
|||
#repo-activity-top-authors-chart {
|
||||
height: 150px; /* Pre-allocate the height that will be taken up by the chart, to avoid the container 'jumping'. */
|
||||
}
|
||||
|
||||
/* Layout for templates/repo/pulls/commits_list.tmpl */
|
||||
/* Redesigned commit layout using responsive grid configuration */
|
||||
.commit-ui-redesign {
|
||||
display: grid;
|
||||
padding: 0.5rem;
|
||||
row-gap: 0.5rem;
|
||||
grid-template-columns: minmax(8ch, 15%) 1fr minmax(20ch, 1%) minmax(10ch, 10%) auto;
|
||||
align-items: center;
|
||||
.message {padding-left: 10%}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.commit-ui-redesign {
|
||||
grid-template-columns: minmax(12ch, 100%) minmax(12ch,10%) auto minmax(10ch,40%) auto;
|
||||
align-items: center;
|
||||
column-gap: 0.5rem;
|
||||
}
|
||||
.sha.label {display:none}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue