bc44385c5d
The current Roboto-Medium font is now Roboto with 500 font weight. Example response: https://fonts.googleapis.com/css?family=Roboto:400,500 Change-Id: I3de61026cfe45e766be750cd699876c367bf03c1
94 lines
3.1 KiB
HTML
94 lines
3.1 KiB
HTML
<!--
|
|
@license
|
|
Copyright (C) 2015 The Android Open Source Project
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<link rel="import" href="../../../behaviors/base-url-behavior/base-url-behavior.html">
|
|
<link rel="import" href="../../../behaviors/gr-path-list-behavior/gr-path-list-behavior.html">
|
|
<link rel="import" href="../../../behaviors/gr-url-encoding-behavior/gr-url-encoding-behavior.html">
|
|
<link rel="import" href="../../../bower_components/polymer/polymer.html">
|
|
<link rel="import" href="../../core/gr-navigation/gr-navigation.html">
|
|
<link rel="import" href="../../shared/gr-formatted-text/gr-formatted-text.html">
|
|
<link rel="import" href="../../../styles/shared-styles.html">
|
|
|
|
<!--
|
|
The custom CSS property `--gr-formatted-text-prose-max-width` controls the max
|
|
width of formatted text blocks that are not code.
|
|
-->
|
|
|
|
<dom-module id="gr-comment-list">
|
|
<template>
|
|
<style include="shared-styles">
|
|
:host {
|
|
display: block;
|
|
word-wrap: break-word;
|
|
}
|
|
.file {
|
|
border-top: 1px solid var(--border-color);
|
|
font-weight: var(--font-weight-bold);
|
|
margin: 10px 0 3px;
|
|
padding: 10px 0 5px;
|
|
}
|
|
.container {
|
|
display: flex;
|
|
margin: .5em 0;
|
|
}
|
|
.lineNum {
|
|
margin-right: .5em;
|
|
min-width: 10em;
|
|
text-align: right;
|
|
}
|
|
.message {
|
|
flex: 1;
|
|
--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>
|
|
<template is="dom-repeat" items="[[_computeFilesFromComments(comments)]]" as="file">
|
|
<div class="file">[[computeDisplayPath(file)]]:</div>
|
|
<template is="dom-repeat"
|
|
items="[[_computeCommentsForFile(comments, file)]]" as="comment">
|
|
<div class="container">
|
|
<a class="lineNum"
|
|
href$="[[_computeDiffLineURL(file, changeNum, comment.patch_set, comment)]]">
|
|
<span hidden$="[[!comment.line]]">
|
|
<span>[[_computePatchDisplayName(comment)]]</span>
|
|
Line <span>[[comment.line]]</span>:
|
|
</span>
|
|
<span hidden$="[[comment.line]]">
|
|
File comment:
|
|
</span>
|
|
</a>
|
|
<gr-formatted-text
|
|
class="message"
|
|
no-trailing-margin
|
|
content="[[comment.message]]"
|
|
config="[[projectConfig.commentlinks]]"></gr-formatted-text>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
<script src="gr-comment-list.js"></script>
|
|
</dom-module>
|