dmitri.shuralyov.com/app/changes/...

Resolve CSS sizing/overflow issue.

Previously, if the comment content had a wide preformatted code block,
it would cause the entire comment to get very wide.

Regenerate.
dmitshur committed 6 years ago commit f970fb32bac68785f8f77f777769e96dd8f795fb
Collapse all
_data/comment.html.tmpl
@@ -1,11 +1,11 @@
{{/* Dot is a changes.Comment. */}}
{{define "comment"}}
<div class="list-entry">
	<div style="float: left; margin-right: 10px;">{{render (avatar .User)}}</div>
	<div style="display: grid;">
		<div id="comment-{{.ID}}" style="display: flex;">
	<div style="display: flex; flex-direction: column;">
		<div id="comment-{{.ID}}">
			<div class="list-entry-container list-entry-border">
				<header class="list-entry-header" style="display: flex;">
					<span class="content">{{render (user .User)}} commented <a class="black" href="#comment-{{.ID}}" onclick="AnchorScroll(this, event);">{{render (time .CreatedAt)}}</a>
						{{with .Edited}} · <span style="cursor: default;" title="{{.By.Login}} edited this comment {{reltime .At}}.">edited{{if not (equalUsers $.User .By)}} by {{.By.Login}}{{end}}</span>{{end}}
					</span>
@@ -34,12 +34,12 @@

{{/* Dot is a changes.Review. */}}
{{define "review"}}
<div class="list-entry">
	<div style="float: left; margin-right: 10px;">{{render (avatar .User)}}</div>
	<div style="display: grid;">
		<div id="comment-{{.ID}}" style="display: flex;">
	<div style="display: flex; flex-direction: column;">
		<div id="comment-{{.ID}}">
			<div class="list-entry-container list-entry-border">
				<header class="list-entry-header" style="display: flex;{{if eq .State +1}} background-color: #d4ffd4; padding: 4px;{{else if eq .State -1}} background-color: #ffd4d4; padding: 4px;{{end}}{{if not .Body}} border: none;{{end}}">
					<span class="content"{{if .State}} style="line-height: 28px;"{{end}}>{{template "review-icon" .State}}{{render (user .User)}} {{template "review-action" .State}} <a class="black" href="#comment-{{.ID}}" onclick="AnchorScroll(this, event);">{{render (time .CreatedAt)}}</a>
						{{with .Edited}} · <span style="cursor: default;" title="{{.By.Login}} edited this comment {{reltime .At}}.">edited{{if not (equalUsers $.User .By)}} by {{.By.Login}}{{end}}</span>{{end}}
					</span>
[generated] assets/assets_vfsdata.go
@@ -55,14 +55,14 @@ var Assets = func() http.FileSystem {

			compressedContent: []byte("\x1f\x8b\x08\x00\x00\x00\x00\x00\x00\xff\x94\x90\x3b\x4e\xc4\x30\x10\x86\xeb\xe4\x14\x96\xfb\xb5\x2f\xe0\x4d\x01\x0d\x74\x08\xc1\x01\x4c\xfc\x67\x93\xc5\x79\xc8\x33\x42\x44\x23\xdf\x1d\xe5\x01\x5a\x10\x68\x45\xe1\xc2\xf3\x3f\xfc\x8d\x5d\xcb\x7d\xac\xca\xc2\xb5\xf0\xa1\x2a\x8b\x42\x84\xd1\x4f\xd1\x33\x94\xa6\x3a\x75\x13\x47\x10\x1d\x16\x59\x2b\x93\x73\x59\x38\xbb\x7b\xdd\xcb\x18\xe6\x9f\x99\x65\x76\x98\x12\x76\x73\x21\x62\x6e\xc6\x30\x3f\x8d\xd3\x7e\x4d\x18\x02\x92\x32\xb7\xad\x1f\x4e\xa0\xad\x71\x6b\x72\x76\xa3\x29\x45\x02\x9a\x6e\xf8\x05\x61\xb1\x8b\x98\x3b\xf8\xf0\x90\xb0\x86\x63\x37\xbc\xaa\x36\xa1\x39\xea\xe5\x31\x4f\x78\x7e\xbc\xcf\xd9\x7a\x22\x30\xd9\x53\xd3\x2f\xc7\xd4\x44\x5a\x25\xc4\xa3\x26\x9e\x23\xa8\x05\x58\x2b\x9e\x27\x1c\x35\xe3\x9d\xed\x6a\xb0\xd5\xf5\xc6\x35\xff\x8f\xbe\x4f\xde\x91\x38\xe7\x52\x04\x43\xc8\xf9\x72\xc9\x8b\xcd\xae\x7e\xfe\x36\x56\x94\xea\x3f\xe0\x56\xdd\x9c\xe9\x1b\xcb\xd9\xbf\xf9\x4d\xd1\x95\xdb\x3d\xd5\x17\xca\x47\x00\x00\x00\xff\xff\x7a\x0c\x9f\x79\x05\x02\x00\x00"),
		},
		"/assets/comment.html.tmpl": &vfsgen۰CompressedFileInfo{
			name:             "comment.html.tmpl",
			modTime:          time.Date(2018, 2, 22, 0, 25, 5, 203720602, time.UTC),
			uncompressedSize: 4358,
			modTime:          time.Date(2018, 2, 23, 1, 25, 16, 190944462, time.UTC),
			uncompressedSize: 4360,

			compressedContent: []byte("\x1f\x8b\x08\x00\x00\x00\x00\x00\x00\xff\xec\x57\xcd\x6e\x1b\x37\x10\x3e\x4b\x4f\x31\xd8\xf4\x20\xa7\xd1\xca\x09\x8c\x20\x90\xd6\x02\xe2\xb8\x05\x0c\x04\x3d\x24\xed\x3d\x14\x39\x2b\x31\x5e\x91\x6b\x92\x92\x2d\x30\xfb\x5c\xbd\xf7\xc9\x0a\xfe\xec\x6a\x57\x5a\xbb\x69\x2b\xa0\x3d\xf8\xe4\x15\x39\xbf\xdf\x0c\xe7\x1b\x5b\x3b\x79\x09\xd7\xd2\x00\xd7\x40\x80\xae\x88\x58\xa2\x4e\x3f\xc8\xf5\x1a\x85\x49\xe1\xe5\xa4\xaa\x86\xd6\x32\xcc\xb9\x40\x48\x68\x38\x4f\xaa\x6a\x98\x31\xbe\x05\x5a\x10\xad\x2f\x93\x82\x6b\x33\x46\x61\xd4\x2e\x99\x0f\x07\xfe\x46\x9b\x5d\x81\x97\x49\x5e\x48\x62\xa6\x50\x60\x6e\x66\xb0\x26\x6a\xc9\xc5\x58\xf1\xe5\xca\x4c\xe1\xf5\x79\xf9\x30\x4b\xe6\xd6\x2a\x14\x0c\x15\x8c\xc8\x96\x18\xa2\x20\xfd\x4d\xa3\x3a\xab\xaa\x6c\xc2\xf8\xf6\xc0\x1c\xe3\xba\x2c\xc8\x6e\x0a\x4b\xc5\xd9\xcc\x39\x0b\xd7\x9c\x5d\xd6\xb1\x8d\xad\x4d\x6f\xae\xab\x2a\x39\xd2\xc9\x0b\x7c\x08\x3a\x83\xfe\xe0\xc7\x54\x0a\x43\xb8\x40\x05\xad\xc3\x85\x54\x0c\x55\xd0\x1b\x64\x2b\x24\x2e\xd8\x63\xdd\x70\xf1\xa4\xd7\xc1\x20\xd3\x25\x11\xb5\xb2\xf3\xe6\xc0\x6c\x41\xb0\xd1\xb8\x07\x00\x62\x46\xc8\x20\x23\xb5\xd2\xa2\x20\xf4\x36\x81\x95\xc2\xfc\x32\x79\x71\x94\xb3\x14\xb4\xe0\xf4\xf6\x32\x79\x2f\xe8\x4a\xaa\xcf\x54\xc9\xa2\x18\x99\x15\xd7\xaf\x00\xb7\x28\xcc\x59\x07\x72\xc3\xd7\x08\xe9\x07\x85\xc4\x20\x7b\x6f\x3c\xea\x24\xc6\x3a\xb0\xf6\x9e\x9b\x15\xa4\x3f\x31\x6e\x90\x55\x15\xfc\xf1\x3b\x84\x04\x62\x8e\x74\xa3\xb4\x54\x53\x60\x98\x93\x4d\x61\x66\x09\x18\x6e\xdc\x85\xb5\xe9\xd5\x2e\xfd\x28\x97\x5c\x54\x15\xa0\xd7\x07\x17\x44\x9d\x12\xb8\x10\x8a\xe0\xfd\xbd\xa9\xaa\x34\x99\x07\x29\x6b\x79\x0e\x42\x1a\x18\xe1\xdd\x86\x14\x0e\x09\x0d\x3f\x78\x44\x20\xbd\xda\x39\x54\x16\x3b\xe8\xd8\xb7\x16\x05\x73\x81\xbb\xd0\xe6\xf1\x57\x84\x3b\x9c\x0d\x63\x3a\x3c\x87\x91\xb3\xad\x0d\x31\x98\x5e\x73\x4d\x16\x05\x7e\x42\x42\x0d\x97\x42\x9f\xd5\x5a\xdd\x2a\xf9\x6e\x1d\x73\x2a\x45\x1b\x38\x81\xf7\xb5\x22\x8c\x94\xfb\x72\xb6\x6e\xae\x21\xbd\xb9\x3e\x3b\x6b\xa2\xa9\x3d\xb7\x62\xf2\x61\x78\x4c\x9d\x46\x55\x3d\xea\x2c\x23\xb1\xca\x5f\xc9\x96\x68\xaa\x78\x69\xa6\x0d\xc2\x4e\xbf\x55\x6d\xf7\x33\xbe\xd9\x91\xb5\x5f\x1c\x96\x5f\xe0\x1b\x7c\xd5\x52\x54\xd5\x2b\x0f\x7d\x28\xbc\xa4\xc6\x59\x87\xa4\x44\x41\x79\x91\x84\x82\xf7\x60\x97\x4d\x42\x43\xc7\xb6\xef\x7f\x2f\x0b\xc9\x76\x4d\x6b\xb7\x44\xd6\x44\xdd\x32\x79\x2f\x3a\x02\x4d\x3f\x5d\x49\xb6\x6b\xb0\x1e\x58\x9b\xc2\x37\x58\xe6\xeb\xe6\xc8\x5a\x2c\x34\xee\x25\x32\x5e\xdb\x5d\x2a\xb2\x4b\xe6\xbf\x48\x60\x18\x00\xe1\x52\xa4\xd9\x84\xef\x3d\x74\x8a\x1f\xe6\x47\xe7\xb3\xf9\x6a\x3e\xbe\xb3\x2d\xf6\xa5\x57\xf5\xcd\x95\x1b\x56\x8d\x5c\x6f\x1b\x0c\x5b\x31\x45\x8f\xf1\x4f\x7d\x3c\xec\x1f\xc0\x9f\x70\xcb\xf1\xfe\x68\xfe\x2a\x7f\xfc\x3c\x7e\xff\xe6\xf8\xf5\x35\xc6\x3b\x48\x3f\xbb\x12\xc3\x8f\xaf\xdd\x18\x21\xf4\x76\xa9\xe4\x46\xb0\x31\x95\x85\x1b\x63\x2f\xd8\x45\x9e\xb3\x8b\x19\x94\x84\x31\x2e\x96\x53\xb8\x28\x9d\xae\xeb\x46\xe8\x18\x18\x3f\x62\xc0\xa9\xf7\x19\x70\x95\x6e\x26\x5b\xec\x7f\x08\x89\x4d\x41\x48\x81\xb5\xd0\x93\x3c\x11\x26\x87\x8f\xa0\xaa\xea\x44\x0b\x2e\x70\xbc\xc2\x50\xd3\x37\xef\x5c\x4d\xa3\xad\xb9\xb5\x06\xd7\x65\xe1\x02\x8e\x8d\x13\x26\x4b\x63\xe3\x31\xde\xe9\x51\x0c\x4d\xbe\x57\x7d\x66\xa4\x53\x31\x12\x11\xec\xc9\xf1\x73\x30\x2f\x9f\xb9\xe9\x90\x9b\x7a\x68\xe5\x44\x74\x75\x40\x4c\xbd\x84\xd2\x06\xf0\xbf\x27\x97\x06\x8c\x08\xb8\xf6\x52\xed\x11\x1e\x49\xc0\x31\xc2\x14\xde\x05\x0e\xf0\x86\x94\x23\x1e\x48\x63\x26\xbd\x00\xc2\x69\x67\xf5\x5f\xec\xc4\xe9\xcf\xdc\xf5\xe0\xd4\xda\xf4\x23\x17\x78\xd4\xb7\xff\x87\x6d\xee\x94\x5b\x92\x1b\x21\x92\xed\xea\x9e\x7b\x7a\x7d\xf9\xee\xfc\xff\x71\x6b\xb5\xf2\xdc\x7f\xed\xdb\x2c\x9c\x3c\xb5\xcc\x74\x57\x19\xcf\x1b\x8f\xec\x33\x91\x96\x9c\x87\x86\xa9\x3d\x49\x0f\x0f\xaa\xe7\xf9\x22\x4a\xd7\x13\xbf\xa1\xde\x7c\xd6\x47\xc9\x6f\x29\x7d\x7b\x71\xd1\x9d\x2f\x74\x85\xf4\x36\x69\x95\xb5\xcb\xf1\x9e\xde\x4f\xe0\x7a\xc1\xde\xd0\xf3\xf3\xae\xeb\x87\x03\xb7\x1e\xb6\x7f\x0b\x5f\x4d\xce\x5d\x00\xcf\x7d\x12\xcd\xff\x90\x47\x59\x46\x80\x49\x59\x2a\xb9\x6d\xd8\xd0\x7b\x7d\x0c\x11\x85\x77\x1b\xd4\x8e\x3a\x63\x74\xbd\x39\x1c\x44\xb7\x96\x1e\xec\x61\xb6\x32\xeb\xc2\x2d\x94\xee\xc9\x84\x99\xb3\x5f\x33\xdc\x59\x12\xa6\x4f\x78\x53\x4e\xd0\xbd\x8b\x43\x41\x77\x36\x2e\x15\x46\xe1\x41\x7c\x35\xbf\xca\x32\xfe\x3c\x5c\x5d\x12\x88\x10\x06\xdb\xc1\x66\x36\x09\xc1\xd4\x51\xff\x19\x00\x00\xff\xff\x37\x85\xda\xf8\x06\x11\x00\x00"),
			compressedContent: []byte("\x1f\x8b\x08\x00\x00\x00\x00\x00\x00\xff\xec\x57\xcd\x6e\x1b\x37\x10\x3e\x4b\x4f\x31\xd8\xf4\x20\xa7\xd1\xca\x09\x8c\x20\x90\x64\x01\x71\xdc\x02\x06\x82\x1e\x92\xf6\x1e\x8a\x9c\x95\x18\x53\xe4\x9a\xa4\x64\x0b\xcc\x3e\x57\xef\x7d\xb2\x82\x3f\xbb\xda\x95\xd7\x6e\xda\x1a\x68\x0f\xbe\xd8\xbb\x5c\xce\xcc\x37\xdf\x0c\xe7\xa3\x9c\x9b\xbc\x84\x4b\x65\x81\x1b\x20\x40\xd7\x44\xae\xd0\xe4\x1f\xd4\x66\x83\xd2\xe6\xf0\x72\x52\x55\x43\xe7\x18\x16\x5c\x22\x64\x34\xae\x67\x55\x35\x9c\x33\xbe\x03\x2a\x88\x31\xe7\x99\xe0\xc6\x8e\x51\x5a\xbd\xcf\x16\xc3\x41\xf8\x62\xec\x5e\xe0\x79\x56\x08\x45\xec\x14\x04\x16\x76\x06\x1b\xa2\x57\x5c\x8e\x35\x5f\xad\xed\x14\x5e\x9f\x96\x77\xb3\x6c\xe1\x9c\x46\xc9\x50\xc3\x88\xec\x88\x25\x1a\xf2\xdf\x0c\xea\x93\xaa\x9a\x4f\x18\xdf\x1d\xb9\x63\xdc\x94\x82\xec\xa7\x50\x08\xbc\x9b\x85\xbf\x63\xc6\x35\x52\xcb\x95\x9c\x02\x55\x62\xbb\x91\x33\x0f\x22\x9a\x71\x76\x5e\x63\x1e\x3b\x97\x5f\x5d\x56\x55\xf8\x38\xe8\x47\x3f\xa6\x4a\x5a\xc2\x25\x6a\x68\x2d\x2e\x95\x66\xa8\xa3\xdd\x60\xbe\x46\xe2\xd1\xde\xb7\x8d\x1f\xb2\x7e\xa8\xc9\x7a\x30\x37\x25\x91\xb5\xb1\x8f\xe6\xd9\x6c\x71\xb0\x35\x78\x60\x00\x12\x74\x64\x30\x27\xb5\xd1\x52\x10\x7a\x9d\xc1\x5a\x63\x71\x9e\xbd\x38\x4e\x0e\x94\xa4\x82\xd3\xeb\xf3\xec\xbd\xa4\x6b\xa5\x3f\x53\xad\x84\x18\xd9\x35\x37\xaf\x00\x77\x28\xed\x49\x87\x73\xcb\x37\x08\xf9\x07\x8d\xc4\x22\x7b\x6f\x03\xed\x24\x61\x1d\x38\x77\xcb\xed\x1a\xf2\x9f\x18\xb7\xc8\xaa\x0a\xfe\xf8\x1d\x62\x02\x29\x47\xba\xd5\x46\xe9\x29\x30\x2c\xc8\x56\xd8\x59\x06\x96\x5b\xff\xc1\xb9\xfc\x62\x9f\x7f\x54\x2b\x2e\xab\x0a\x30\xd8\x83\x07\x51\xa7\x04\x1e\x82\x88\xd1\xdf\xdb\xaa\xca\xb3\x45\xdc\xe5\x1c\x2f\x40\x2a\x0b\x23\xbc\xd9\x12\xe1\x99\x30\xf0\x43\x60\x04\xf2\x8b\xbd\x67\x65\xb9\x87\x8e\x7f\xe7\x50\x32\x0f\xdc\x43\x5b\xa4\xb7\x44\x77\x5c\x1b\xa6\x74\x78\x01\x23\xef\xdb\x58\x62\x31\xbf\xe4\x86\x2c\x05\x7e\x42\x12\xda\xc7\x9c\xd4\x56\xdd\x2a\x85\x76\x1d\x73\xaa\x64\x9b\x38\x89\xb7\xb5\x21\x8c\xb4\x7f\xf2\xbe\xae\x2e\x21\xbf\xba\x3c\x39\x69\xd0\xd4\x91\x5b\x98\x02\x8c\xc0\xa9\xb7\xa8\xaa\x07\x83\xcd\x49\xaa\xf2\x57\xb2\x23\x86\x6a\x5e\xda\x69\xc3\xb0\xb7\x6f\x55\xdb\xbf\xa6\x43\x3b\x72\xee\x8b\xe7\xf2\x0b\x7c\x83\xaf\x46\xc9\xaa\x7a\x15\xa8\x8f\x85\x57\xd4\x7a\xef\x90\x95\x28\x29\x17\x59\x2c\x78\x0f\x77\xf3\x49\x6c\xe8\xd4\xf6\xfd\xe7\x65\xa9\xd8\xbe\x69\xed\xd6\x96\x0d\xd1\xd7\x4c\xdd\xca\xce\x86\xa6\x9f\x2e\x14\xdb\x37\x5c\x0f\x9c\xcb\xe1\x1b\xac\x8a\x4d\xb3\xe4\x1c\x0a\x83\x87\x1d\x73\x5e\xfb\x5d\x69\xb2\xcf\x16\xbf\x28\x60\x18\x09\xe1\x4a\xe6\xf3\x09\x3f\x44\xe8\x14\x3f\x0e\x90\xce\x63\xf3\xd4\x3c\x7c\x67\x5b\x1c\x4a\xaf\xeb\x2f\x17\x7e\x5a\x35\xfb\x7a\xdb\x60\xd8\xc2\x94\x22\xa6\x7f\xf5\xf2\xb0\x7f\x02\x7f\xc2\x1d\xc7\xdb\x7b\x03\x58\x87\xe5\xe7\xf9\xfb\x77\xe7\x6f\x28\x32\xde\x40\xfe\xd9\xd7\x18\x7e\x7c\xed\xe7\x08\xa1\xd7\x2b\xad\xb6\x92\x8d\xa9\x12\x7e\x8e\xbd\x60\x67\x45\xc1\xce\x66\x50\x12\xc6\xb8\x5c\x4d\xe1\xac\xf4\xb6\xbe\x1d\xa1\xe3\x60\xfc\x80\x03\x6f\xde\xe7\xc0\x97\xba\x19\x6d\xe9\x00\x40\x4c\x6c\x0a\x52\x49\xac\x37\x3d\x2a\x14\x71\x74\x04\x04\x55\x55\x27\x2a\xb8\xc4\xf1\x1a\x63\x51\xdf\xbc\xf3\x45\x4d\xbe\x16\xce\x59\xdc\x94\xc2\x03\x4e\x9d\x13\x47\x4b\xe3\xe3\x21\xe1\xe9\x31\x8c\x5d\x7e\x30\x7d\x96\xa4\xa7\x92\x24\x22\xd9\xa3\xf3\xe7\x68\x60\x3e\x8b\xd3\xb1\x38\xf5\xe8\xca\x13\xe9\xd5\x91\x32\xf5\x2a\x4a\x9b\xc0\xff\x5e\x5d\x1a\x32\x12\xe1\x26\xec\x6a\xcf\xf0\xa4\x02\x5e\x12\xa6\xf0\x2e\x8a\x40\x70\xa4\xbd\xf2\x40\x9e\x32\xe9\x25\x10\x9e\x76\x56\xff\xc5\xa5\x38\xff\x99\xfb\x1e\x9c\x3a\x97\x7f\xe4\x12\xef\xf5\xed\xff\xe1\x3a\xf7\x94\xd7\x24\x3f\x42\x14\xdb\xd7\x3d\xf7\xf8\xfd\xe5\xbb\xf3\xff\xc7\xad\xd5\xca\xf3\xf0\x74\x68\xb3\xb8\xf2\xd8\x6d\xa6\x7b\x97\x09\xba\xf1\xc0\x85\x26\xc9\x92\x8f\xd0\x28\x75\x10\xe9\xe1\x51\xf5\x82\x5e\xa4\xdd\xf5\xc4\x6f\xa4\xb7\x98\xf5\x49\xf2\x5b\x4a\xdf\x9e\x9d\x75\xe7\x0b\x5d\x23\xbd\xce\x5a\x65\xed\x6a\x7c\x90\xf7\x27\x08\xbd\x64\x6f\xe8\xe9\x69\x37\xf4\xdd\x51\xd8\x40\xdb\xbf\xa5\xaf\x16\xe7\x2e\x81\xa7\x21\x89\xe6\x47\xe4\xbd\x2c\x13\xc1\xa4\x2c\xb5\xda\x35\x6a\x18\xa2\x3e\xc4\x88\xc6\x9b\x2d\x1a\x2f\x9d\x09\x5d\x6f\x0e\x47\xe8\x36\x2a\x90\x3d\x9c\xaf\xed\x46\xf8\x1b\xa5\x3f\x32\x71\xe6\x1c\xae\x19\x7e\x2d\x8b\xd3\x27\x9e\x29\xbf\xd1\x9f\x8b\xe3\x8d\x7e\x6d\x5c\x6a\x4c\x9b\x07\xe9\xd4\xfc\xaa\xca\xf4\x7a\x7c\x75\xc9\x20\x51\x18\x7d\x47\x9f\xf3\x49\x04\x53\xa3\xfe\x33\x00\x00\xff\xff\xd0\x80\x51\x7e\x08\x11\x00\x00"),
		},
		"/assets/style.css": &vfsgen۰CompressedFileInfo{
			name:             "style.css",
			modTime:          time.Date(2018, 2, 21, 18, 1, 12, 981852744, time.UTC),
			uncompressedSize: 12098,