enable blame wrap

silverwind · silverwind · commit 69e9e92d8a54 · 2024-03-24T01:35:22.000+01:00
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -1422,7 +1422,7 @@ a.ui.active.label:hover {
 }
 
 .lines-blame-btn {
-  padding: 0 1px;
+  padding: 0 3px;
   display: flex;
   justify-content: center;
 }
@@ -1522,9 +1522,8 @@ a.ui.active.label:hover {
 }
 
 .blame .code-inner {
-  white-space: pre;
-  word-break: normal;
-  word-wrap: normal; /* not using overflow-wrap because safari does not treat is an an alias */
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
 .lines-commit {
@@ -1535,8 +1534,7 @@ a.ui.active.label:hover {
 }
 
 .lines-commit .blame-info {
-  width: 26vw;
-  max-width: 26vw;
+  width: min(26vw, 300px);
   display: block;
   padding: 0 0 0 6px;
   line-height: 20px;

Original file line number	Diff line number	Diff line change
`@@ -1422,7 +1422,7 @@ a.ui.active.label:hover {`
`1422`	`1422`	`}`
`1423`	`1423`
`1424`	`1424`	`.lines-blame-btn {`
`1425`		`- padding: 0 1px;`
	`1425`	`+ padding: 0 3px;`
`1426`	`1426`	`display: flex;`
`1427`	`1427`	`justify-content: center;`
`1428`	`1428`	`}`
`@@ -1522,9 +1522,8 @@ a.ui.active.label:hover {`
`1522`	`1522`	`}`
`1523`	`1523`
`1524`	`1524`	`.blame .code-inner {`
`1525`		`- white-space: pre;`
`1526`		`- word-break: normal;`
`1527`		`- word-wrap: normal; /* not using overflow-wrap because safari does not treat is an an alias */`
	`1525`	`+ white-space: pre-wrap;`
	`1526`	`+ overflow-wrap: anywhere;`
`1528`	`1527`	`}`
`1529`	`1528`
`1530`	`1529`	`.lines-commit {`
`@@ -1535,8 +1534,7 @@ a.ui.active.label:hover {`
`1535`	`1534`	`}`
`1536`	`1535`
`1537`	`1536`	`.lines-commit .blame-info {`
`1538`		`- width: 26vw;`
`1539`		`- max-width: 26vw;`
	`1537`	`+ width: min(26vw, 300px);`
`1540`	`1538`	`display: block;`
`1541`	`1539`	`padding: 0 0 0 6px;`
`1542`	`1540`	`line-height: 20px;`