From 0097fbc2ac153a686b68af43e791704e9b5cf74b Mon Sep 17 00:00:00 2001 From: Gusted Date: Sun, 12 Jun 2022 11:30:22 +0200 Subject: Improve file header on mobile (#19945) - 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). --- web_src/less/_repository.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'web_src/less') diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 37a5017fbd..2686c0d280 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -3048,9 +3048,10 @@ td.blob-excerpt { } .file-header { + align-items: center; display: flex; justify-content: space-between; - align-items: center; + overflow-x: scroll; padding: 8px 12px !important; } @@ -3062,6 +3063,7 @@ td.blob-excerpt { .file-info-entry { display: flex; align-items: center; + width: max-content; } .file-info-entry + .file-info-entry { -- cgit v1.2.3