diff options
-rw-r--r-- | templates/repo/header.tmpl | 2 | ||||
-rw-r--r-- | web_src/less/_repository.less | 25 |
2 files changed, 26 insertions, 1 deletions
diff --git a/templates/repo/header.tmpl b/templates/repo/header.tmpl index 83ad79e12d..198b05b4ba 100644 --- a/templates/repo/header.tmpl +++ b/templates/repo/header.tmpl @@ -144,7 +144,7 @@ </div><!-- end grid --> </div><!-- end container --> {{end}} - <div class="ui tabs container"> + <div class="ui tabs container repo-header-container"> {{if not (or .Repository.IsBeingCreated .Repository.IsBroken)}} <div class="ui tabular stackable menu navbar"> {{if .Permission.CanRead $.UnitTypeCode}} diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 9a2ae99462..70f8b077de 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -2956,11 +2956,21 @@ tbody.commit-list { justify-content: space-between; flex-wrap: wrap; word-break: break-word; + + @media @mediaSm { + + .container { + margin-top: 7px; + } + } } .repo-buttons { display: flex; align-items: center; + + @media @mediaSm { + margin-top: 1em; + } } .repo-buttons .ui.labeled.button > .label:hover { @@ -3227,3 +3237,18 @@ td.blob-excerpt { transform: scale(105%); box-shadow: 0 .5rem 1rem var(--color-shadow) !important; } + +@media @mediaSm { + .repo-header-container { + overflow-x: auto; + overflow-y: hidden; + + .ui.stackable.menu { + flex-direction: row; + + .item { + width: initial !important; + } + } + } +} |