[PR #2750] [MERGED] Responsive view #16569

New Issue

GiteaMirror · 2025-11-02T12:13:39-06:00

GiteaMirror commented

2025-11-02 12:13:39 -06:00

📋 Pull Request Information

Original PR: https://github.com/go-gitea/gitea/pull/2750
Author: @thehowl
Created: 10/20/2017
Status: ✅ Merged
Merged: 12/31/2017
Merged by: @lunny

Base: master ← Head: get-your-phone

📝 Commits (10+)

adb0aeb Viewport meta tag
36ba625 responsive: dashboard
432d3c3 responsive: issues page
776da07 responsive: Explore page
a324d62 responsive: navbar, and some navbar css refactoring
b6aef3a responsive: button for collapsing navbar in mobile view
a6d3f6f Mark the hamburger button as active when pressed
7e34dd1 better homepage for responsive views
7f7dc84 Bring back jump class in navbar
ba368a2 make repository homes responsive

📊 Changes

30 files changed (+699 additions, -548 deletions)

View changed files

📝 integrations/pull_compare_test.go (+1 -1)
📝 public/css/index.css (+1 -1)
📝 public/js/index.js (+22 -4)
📝 public/less/_base.less (+39 -19)
📝 public/less/_dashboard.less (+16 -19)
📝 public/less/_explore.less (+6 -5)
📝 public/less/_form.less (+47 -35)
📝 public/less/_home.less (+42 -32)
📝 public/less/_repository.less (+56 -16)
📝 templates/base/head.tmpl (+116 -111)
📝 templates/explore/navbar.tmpl (+1 -1)
📝 templates/repo/commits.tmpl (+1 -1)
📝 templates/repo/commits_table.tmpl (+21 -17)
📝 templates/repo/diff/box.tmpl (+1 -1)
📝 templates/repo/diff/page.tmpl (+31 -26)
📝 templates/repo/header.tmpl (+39 -41)
📝 templates/repo/home.tmpl (+6 -3)
📝 templates/repo/issue/list.tmpl (+137 -121)
📝 templates/repo/issue/new_form.tmpl (+1 -1)
📝 templates/repo/issue/view.tmpl (+5 -3)

...and 10 more files

📄 Description

Other pages will come in future PRs. This PR closes #35.

First of all, the meta viewport has been set to one, the basic for any responsive website.
Navbar has been simplified and refactored. It has some slightly different behaviour and look, but users without OCD should not see a big difference.
Main reason for the change is to have a better system where it was easier to plug in a stackable navbar, alongside a hamburger button for expanding or collapsing the navbar.
Dashboard, issues, and explore have been curated to make sure they look good on mobile devices.

Screenshots

New navbar

Example of collapsed navbar (and dashboard)

Collapsing/expanding demo

Issues page (I ask you to disregard the issue titles I use for testing 😉)

Explore

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/go-gitea/gitea/pull/2750 **Author:** [@thehowl](https://github.com/thehowl) **Created:** 10/20/2017 **Status:** ✅ Merged **Merged:** 12/31/2017 **Merged by:** [@lunny](https://github.com/lunny) **Base:** `master` ← **Head:** `get-your-phone` --- ### 📝 Commits (10+) - [`adb0aeb`](https://github.com/go-gitea/gitea/commit/adb0aebdace98b6a65323a4fb80ea596847821ec) Viewport meta tag - [`36ba625`](https://github.com/go-gitea/gitea/commit/36ba625c4286f64f94d7f500b61f1aeeba811b64) responsive: dashboard - [`432d3c3`](https://github.com/go-gitea/gitea/commit/432d3c360449d1cd8a4237fabc75529f5c5c8a86) responsive: issues page - [`776da07`](https://github.com/go-gitea/gitea/commit/776da0786da75216a80b30876c5a64faf89272a3) responsive: Explore page - [`a324d62`](https://github.com/go-gitea/gitea/commit/a324d62311351869e9d30dbd10380618829532c8) responsive: navbar, and some navbar css refactoring - [`b6aef3a`](https://github.com/go-gitea/gitea/commit/b6aef3ac551c716d5307749c13078c559450ab61) responsive: button for collapsing navbar in mobile view - [`a6d3f6f`](https://github.com/go-gitea/gitea/commit/a6d3f6f4148f306dbe84254ff42297cc8fb0129d) Mark the hamburger button as active when pressed - [`7e34dd1`](https://github.com/go-gitea/gitea/commit/7e34dd16ea8d2e1fcebf67f48d2ce892248f337c) better homepage for responsive views - [`7f7dc84`](https://github.com/go-gitea/gitea/commit/7f7dc849dffbfdfbb6893d60346a5f088b351cb4) Bring back jump class in navbar - [`ba368a2`](https://github.com/go-gitea/gitea/commit/ba368a28507318ce3ff773d8f7d7d9cd9311c21c) make repository homes responsive ### 📊 Changes **30 files changed** (+699 additions, -548 deletions) <details> <summary>View changed files</summary> 📝 `integrations/pull_compare_test.go` (+1 -1) 📝 `public/css/index.css` (+1 -1) 📝 `public/js/index.js` (+22 -4) 📝 `public/less/_base.less` (+39 -19) 📝 `public/less/_dashboard.less` (+16 -19) 📝 `public/less/_explore.less` (+6 -5) 📝 `public/less/_form.less` (+47 -35) 📝 `public/less/_home.less` (+42 -32) 📝 `public/less/_repository.less` (+56 -16) 📝 `templates/base/head.tmpl` (+116 -111) 📝 `templates/explore/navbar.tmpl` (+1 -1) 📝 `templates/repo/commits.tmpl` (+1 -1) 📝 `templates/repo/commits_table.tmpl` (+21 -17) 📝 `templates/repo/diff/box.tmpl` (+1 -1) 📝 `templates/repo/diff/page.tmpl` (+31 -26) 📝 `templates/repo/header.tmpl` (+39 -41) 📝 `templates/repo/home.tmpl` (+6 -3) 📝 `templates/repo/issue/list.tmpl` (+137 -121) 📝 `templates/repo/issue/new_form.tmpl` (+1 -1) 📝 `templates/repo/issue/view.tmpl` (+5 -3) _...and 10 more files_ </details> ### 📄 Description Other pages will come in future PRs. This PR closes #35. * First of all, the meta viewport has been set to one, the basic for any responsive website. * Navbar has been simplified and refactored. It has some slightly different behaviour and look, but users without OCD should not see a big difference. * Main reason for the change is to have a better system where it was easier to plug in a stackable navbar, alongside a hamburger button for expanding or collapsing the navbar. * Dashboard, issues, and explore have been curated to make sure they look good on mobile devices. ## Screenshots New navbar ![screenshot-2017-10-20 gitea](https://user-images.githubusercontent.com/4681308/31828358-4c8d43c0-b5ba-11e7-9815-8a556e389396.png) Example of collapsed navbar (and dashboard) ![screen shot 2017-10-20 at 17 16 20](https://user-images.githubusercontent.com/4681308/31828429-7a06b822-b5ba-11e7-836f-7e2022100fd1.png) [Collapsing/expanding demo](https://a.pomfe.co/nriaxjn.mp4) Issues page (I ask you to disregard the issue titles I use for testing 😉) ![screen shot 2017-10-20 at 17 21 12-fullpage](https://user-images.githubusercontent.com/4681308/31828645-1a3ad940-b5bb-11e7-961b-d4835ff36835.png) Explore ![screen shot 2017-10-20 at 17 21 48-fullpage](https://user-images.githubusercontent.com/4681308/31828667-2c613a92-b5bb-11e7-95f1-bb2efd3dc7b2.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

GiteaMirror added the pull-request label 2025-11-02 12:13:39 -06:00

GiteaMirror closed this issue

2025-11-02 12:13:39 -06:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#16569