Fix line number width in code preview (go-gitea#31307)

silverwind · web-flow · commit 397930d8c1ff · 2024-06-11T04:54:39.000Z
Line numbers were using some hacky CSS `width: 1%` that did nothing to
the code rendering as far as I can tell but broken the inline preview in
markup when line numbers are greater than 2 digits. Also I removed one
duplicate `font-family` rule (it is set below in the `.lines-num,
.lines-code` selector.
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -1001,8 +1001,6 @@ overflow-menu .ui.label {
   padding: 0 8px;
   text-align: right !important;
   color: var(--color-text-light-2);
-  width: 1%;
-  font-family: var(--fonts-monospace);
 }
 
 .lines-num span.bottom-line::after {

Original file line number	Diff line number	Diff line change
`@@ -1001,8 +1001,6 @@ overflow-menu .ui.label {`
`1001`	`1001`	`padding: 0 8px;`
`1002`	`1002`	`text-align: right !important;`
`1003`	`1003`	`color: var(--color-text-light-2);`
`1004`		`- width: 1%;`
`1005`		`- font-family: var(--fonts-monospace);`
`1006`	`1004`	`}`
`1007`	`1005`
`1008`	`1006`	`.lines-num span.bottom-line::after {`