Skip to content

Commit ca4b920

Browse files
author
Gusted
authored
Make repository file list useable on mobile (#19515)
* Make repository file list useable on mobile - When you're browsing a repository on mobile, you're met by a giant block called the "repository file list". The current design is not useable for mobile and is a big annoyance while browsing a repo on mobile. This PR removes that annoyance by making it more suitable design when on mobile. - Adds HTML for the commit/file time to align it vertically(noticeable on mobile, not on PC). - Show all information horizontally and not vertically. - Remove the last commit message of the file, there isn't enough space on mobile to place this anywhere, so we're not trying to make a best-effort here and instead just not display it. * Remove unnecessary `!important` * Fix broken HTML * Simplify code
1 parent 3e8aa42 commit ca4b920

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

web_src/less/_repository.less

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3237,3 +3237,27 @@ td.blob-excerpt {
32373237
transform: scale(105%);
32383238
box-shadow: 0 .5rem 1rem var(--color-shadow) !important;
32393239
}
3240+
3241+
@media @mediaSm {
3242+
.repository.file.list {
3243+
#repo-files-table {
3244+
.entry,
3245+
.commit-list {
3246+
align-items: center;
3247+
display: flex !important;
3248+
padding-top: 4px;
3249+
padding-bottom: 4px;
3250+
3251+
td.age,
3252+
th.age {
3253+
margin-left: auto;
3254+
}
3255+
3256+
td.message,
3257+
span.commit-summary {
3258+
display: none !important;
3259+
}
3260+
}
3261+
}
3262+
}
3263+
}

0 commit comments

Comments
 (0)