nextcloud/nextcloud.com

Horizontal scrollbar glitch on mobile

開放

#356 建立於 2017年1月17日

在 GitHub 查看貢獻者指南
 (3 則留言) (0 個反應) (0 位負責人)PHP (126 個分叉)auto 404
bugdesigngood first issue

倉庫指標

星標
 (215 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

See the scrollbar and overlapping box here: capture du 2017-01-17 15-36-05

This is caused by the .jumbotron .toptext .announcement box, and the rule width: calc(100% + 20px * 2); which makes it wider than the viewport.

貢獻者指南

研究方向
調整 `.jumbotron .toptext .announcement` 的 CSS 規則，移除 `width: calc(100% + 20px * 2);` 或使用 `box sizing: border box;` 以防止溢出。
技術棧
phpcss
領域
frontend
議題類型
錯誤
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
1
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1 小時以內
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
HTMLCSS
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
90