opendev/gerrit
Code Issues Proposed changes

Merge "Improve layout of comment list in mobile"

Browse Source
This commit is contained in:
Wyatt Allen
2018-02-27 23:52:40 +00:00
committed by Gerrit Code Review
parent 696747650f 45ef754859
commit b10ddd8312
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
polygerrit-ui/app/elements/change/gr-comment-list/gr-comment-list.html
View File

@@ -42,7 +42,7 @@ limitations under the License.
} }
.container { .container {
display: flex; display: flex;
margin: 5px 0; margin: .5em 0;
} }
.lineNum { .lineNum {
margin-right: .5em; margin-right: .5em;
@@ -53,6 +53,16 @@ limitations under the License.
flex: 1; flex: 1;
--gr-formatted-text-prose-max-width: 80ch; --gr-formatted-text-prose-max-width: 80ch;
} }
@media screen and (max-width: 50em) {
.container {
flex-direction: column;
margin: 0 0 .5em .5em;
}
.lineNum {
min-width: initial;
text-align: left;
}
}
</style> </style>
<template is="dom-repeat" items="[[_computeFilesFromComments(comments)]]" as="file"> <template is="dom-repeat" items="[[_computeFilesFromComments(comments)]]" as="file">
<div class="file">[[computeDisplayPath(file)]]:</div> <div class="file">[[computeDisplayPath(file)]]:</div>