diff options
| author | Gary Kim <gary@garykim.dev> | 2019-08-09 12:57:29 +0000 |
|---|---|---|
| committer | Lunny Xiao <xiaolunwen@gmail.com> | 2019-08-09 20:57:29 +0800 |
| commit | 2ed21e7e09e48e847eff75ef9b665767aadbd30e (patch) | |
| tree | ad796d8f3054c2e607c9f8e59c3adaed583f3084 /public | |
| parent | 2b6f45299d6e96b633a309d68055f9ae0699b8f2 (diff) | |
| download | gitea-2ed21e7e09e48e847eff75ef9b665767aadbd30e.tar.gz gitea-2ed21e7e09e48e847eff75ef9b665767aadbd30e.zip | |
Prevent Commit Status and Message From Overflowing On Branch Page (#7800)
* Prevent Commit Status From Overflowing On Branch Page
It is possible for the commit ci status
on the branches page for a repository to
become an ellipsis due to overflowing.
This commit will fix that issue by
using flex.
Signed-off-by: Gary Kim <gary@garykim.dev>
* Fix multiple overflowing issues in commits table
It was possible that the commit message would
overflow hiding the expand commits button
and commit status. This change ensures that
the correct elements overflow without hiding
anything else.
This change also reverts using flex in the
commits list because it was causing issues
in Blink based browsers.
Signed-off-by: Gary Kim <gary@garykim.dev>
* Remove unnecessary html element and fix indentation issues
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/index.css | 5 | ||||
| -rw-r--r-- | public/less/_repository.less | 8 |
2 files changed, 9 insertions, 4 deletions
diff --git a/public/css/index.css b/public/css/index.css index 28faf4835a..b19b85ad36 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -632,6 +632,7 @@ footer .ui.left,footer .ui.right{line-height:40px} .repository #commits-table thead .sha{width:140px} .repository #commits-table thead .shatd{text-align:center} .repository #commits-table td.sha .sha.label{margin:0} +.repository #commits-table td.message{text-overflow:unset} .repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.02)!important} .repository #commits-table td.sha .sha.label,.repository #repo-files-table .sha.label{border:1px solid #bbb} .repository #commits-table td.sha .sha.label .detail.icon,.repository #repo-files-table .sha.label .detail.icon{background:#fafafa;margin:-6px -10px -4px 0;padding:5px 3px 5px 6px;border-left:1px solid #bbb;border-top-left-radius:0;border-bottom-left-radius:0} @@ -825,8 +826,8 @@ footer .ui.left,footer .ui.right{line-height:40px} .stats-table .table-cell{display:table-cell} .stats-table .table-cell.tiny{height:.5em} tbody.commit-list{vertical-align:baseline} -.commit-list .message-wrapper{overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);display:inline-block;vertical-align:middle} -.commit-list .message-wrapper .commit-status-link{display:inline-block;vertical-align:middle} +.commit-list .message-wrapper{overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px);display:inline-block;vertical-align:middle} +.commit-list .commit-status-link{display:inline-block;vertical-align:middle} .commit-body{white-space:pre-wrap} .git-notes.top{text-align:left} .git-notes .commit-body{margin:0} diff --git a/public/less/_repository.less b/public/less/_repository.less index 9b0b7fdce7..eb183c1626 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -1156,6 +1156,10 @@ margin: 0; } + td.message { + text-overflow: unset; + } + &.ui.basic.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, 0.02) !important; } @@ -2172,12 +2176,12 @@ tbody.commit-list { .commit-list .message-wrapper { overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - 24px); + max-width: calc(100% - 50px); display: inline-block; vertical-align: middle; } -.commit-list .message-wrapper .commit-status-link { +.commit-list .commit-status-link { display: inline-block; vertical-align: middle; } |