a527f5a3e7
Fixes: https://github.com/go-gitea/gitea/issues/29438 This contains numerous enhancements for how large commit messages and large filenames render. Another notable change is that the file path is no longer cut off by backend at 30 chars, but rendered in full with wrapping. <img width="1329" alt="Screenshot 2024-04-09 at 21 53 57" src="https://github.com/go-gitea/gitea/assets/115237/5ccbb3d6-643a-4f60-ba79-3572b36d5182"> <hr> <img width="711" alt="Screenshot 2024-04-09 at 21 44 24" src="https://github.com/go-gitea/gitea/assets/115237/6ffe8fbb-407c-4aa7-b591-3d80daea7d57"> <hr> <img width="439" alt="Screenshot 2024-04-09 at 21 19 03" src="https://github.com/go-gitea/gitea/assets/115237/1ec7f6e9-2fd8-4841-87eb-6ca02ab9cd61"> <hr> <img width="444" alt="Screenshot 2024-04-09 at 21 18 52" src="https://github.com/go-gitea/gitea/assets/115237/70931b9e-5841-477e-b3bc-98f8d2662964"> --------- Co-authored-by: Giteabot <teabot@gitea.io> (cherry picked from commit 50099d7af436785daf66a3a9f27bd5c009f90684) Conflicts: - templates/repo/diff/box.tmpl Picked Gitea's version, because it appears we missed a gt-gap-1 => tw-gap-1 conversion - web_src/css/repo.css Conflict due to tag signature highlighting, resolved by adding the Gitea changes on top of ours manually.
59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
/* based on Fomantic UI container module, with just the parts extracted that we use. If you find any
|
|
unused rules here after refactoring, please remove them. */
|
|
|
|
.ui.container {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.ui.ui.ui.container:not(.fluid) {
|
|
width: auto;
|
|
margin-left: 1em;
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991.98px) {
|
|
.ui.ui.ui.container:not(.fluid) {
|
|
width: 723px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199.98px) {
|
|
.ui.ui.ui.container:not(.fluid) {
|
|
width: 933px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.ui.ui.ui.container:not(.fluid) {
|
|
width: 1127px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
.ui.fluid.container {
|
|
width: 100%;
|
|
}
|
|
|
|
.ui[class*="center aligned"].container {
|
|
text-align: center;
|
|
}
|
|
|
|
/* overwrite width of containers inside the main page content div (div with class "page-content") */
|
|
.page-content .ui.ui.ui.container:not(.fluid) {
|
|
width: 1280px;
|
|
max-width: calc(100% - calc(2 * var(--page-margin-x)));
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.ui.container.fluid.padded {
|
|
padding: 0 var(--page-margin-x);
|
|
}
|