finn/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

ui: improve commit graph layout

Browse source
This commit is contained in:
0ko 2024-09-03 21:51:51 +05:00 • committed by Otto Richter
parent 61314f05fc
commit dbe2846e3b
2 changed files with 44 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

42
web_src/css/features/gitgraph.css
View file

@ -1,24 +1,48 @@
#git-graph-container {
#git-graph-content {
overflow-x: auto;
width: 100%;
min-height: 350px;
min-height: 250px;
}
#git-graph-container h2 {
#git-graph-heading {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
}
#git-graph-container .ui.header.dividing {
padding-bottom: 10px;
#git-graph-heading-left {
display: flex;
gap: 1rem;
}
#git-graph-heading h2 {
margin: 0;
}
@media (min-width: 767.98px) {
#git-graph-heading {
align-items: center;
}
}
@media (max-width: 767.98px) {
#git-graph-heading,
#git-graph-heading-left {
flex-direction: column;
}
#git-graph-heading-left {
margin-bottom: 1rem;
}
h2,
#flow-select-refs-dropdown {
max-width: 100%;
}
}
#git-graph-container #flow-select-refs-dropdown {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-width: 250px;
border-right: none;
}
#git-graph-container #flow-select-refs-dropdown .ui.label {