TRKJ/gitea
2
0
Fork 0
mirror of https://gitee.com/gitea/gitea synced 2025-11-04 16:40:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve file header on mobile (#19945)

Browse Source 
- File headers can become quite width, so ensure the file size is not
being wrapped into itself(width + padding-right) and allow the overflow
to be scrolled(overflow-x).
This commit is contained in:
Gusted
2022-06-12 11:30:22 +02:00
committed by GitHub
parent edf14202fe
commit 0097fbc2ac
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/repo/view_file.tmpl
View File

@@ -1,6 +1,6 @@
<div class="{{TabSizeClass .Editorconfig .FileName}} non-diff-file-content"> <div class="{{TabSizeClass .Editorconfig .FileName}} non-diff-file-content">
<h4 class="file-header ui top attached header df ac sb"> <h4 class="file-header ui top attached header df ac sb">
<div class="file-header-left df ac"> <div class="file-header-left df ac pr-4">
{{if .ReadmeInList}} {{if .ReadmeInList}}
{{svg "octicon-book" 16 "mr-3"}} {{svg "octicon-book" 16 "mr-3"}}
<strong>{{.FileName}}</strong> <strong>{{.FileName}}</strong>

4
web_src/less/_repository.less
View File

@@ -3048,9 +3048,10 @@ td.blob-excerpt {
} }
.file-header { .file-header {
align-items: center;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; overflow-x: scroll;
padding: 8px 12px !important; padding: 8px 12px !important;
} }
@@ -3062,6 +3063,7 @@ td.blob-excerpt {
.file-info-entry { .file-info-entry {
display: flex; display: flex;
align-items: center; align-items: center;
width: max-content;
} }
.file-info-entry + .file-info-entry { .file-info-entry + .file-info-entry {