Repo homepage styling tweaks (#33289)
Reduce it to a value that results in `.repo-home-sidebar-top` and `.repo-home-sidebar-bottom` having 240px content width, the same as GitHub. Before: <img width="1333" alt="Screenshot 2025-01-15 at 18 28 34" src="https://github.com/user-attachments/assets/cf0fa21b-87be-40e3-a6cd-26d146bce9cc" /> After: <img width="1330" alt="Screenshot 2025-01-15 at 18 28 27" src="https://github.com/user-attachments/assets/28acd837-10f4-4176-b8a0-510cd28c8b8d" />
This commit is contained in:
parent
9e028d8d57
commit
642e8c1122
3 changed files with 4 additions and 5 deletions
|
@ -1,7 +1,8 @@
|
|||
.repo-grid-filelist-sidebar {
|
||||
display: grid;
|
||||
grid-template-columns: auto 300px;
|
||||
grid-template-columns: auto 280px;
|
||||
grid-template-rows: auto auto 1fr;
|
||||
gap: var(--page-spacing);
|
||||
}
|
||||
|
||||
.repo-home-filelist {
|
||||
|
@ -13,13 +14,11 @@
|
|||
.repo-home-sidebar-top {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.repo-home-sidebar-bottom {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.repo-home-sidebar-bottom .flex-list > :first-child {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue