update code block linenos table style

cntrump · Dec 19, 2019 · 63167f7 · 63167f7
1 parent e0b355c
commit 63167f7
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 7 deletions.
diff --git a/assets/css/chroma/solarized-light.css b/assets/css/chroma/solarized-light.css
@@ -1,8 +1,8 @@
-/* Background */ .chroma { color: #586e75; background-color: #eee8d5 }
+/* Background */ .chroma { color: #586e75; background-color: #fdf6e3 }
 /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
 /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
 /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
-/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f; }
 /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
 /* Keyword */ .chroma .k { color: #859900 }
 /* KeywordConstant */ .chroma .kc { color: #859900; font-weight: bold }

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -24,8 +24,11 @@ body {
   margin: 0 auto;
   padding: 0;
   word-wrap: break-word;
-  -ms-text-size-adjust: 100%;
+
+  text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
 
   padding-top: constant(safe-area-inset-top);
   padding-right: constant(safe-area-inset-right);
@@ -567,28 +570,44 @@ del {
 }
 
 .markdown-body .chroma .lntable {
+  display: table;
+  border-spacing: 0;
+  border-collapse: collapse;
+  table-layout: auto;
+  width: 682px;
   margin-top: 0;
   margin-bottom: 20px;
   border-radius: 3px;
   border: 1px solid #eee;
 }
 .markdown-body .chroma .lntable .lntd {
   min-width: 0;
-  padding: 12px 10px;
+  max-width: 50px;
+  width: 30px;
+}
+.markdown-body .chroma .lntable tr > td:last-child {
+  width: auto;
 }
-.markdown-body .chroma .lntable tr>td:last-child {
+.markdown-body .chroma .lntable tr > td:last-child > pre {
   padding-left: 0;
 }
 .markdown-body .chroma .lntable .lntd .lnt {
   display: block;
+  text-align: right;
   margin: 0;
   padding: 0;
+  overflow: visible;
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 .markdown-body .chroma .lntable pre {
   font-size: inherit;
   border-radius: 0;
   border: 0;
   margin: 0;
-  padding: 0;
-  overflow: visible;
+  width: 100%;
+  overflow: auto;
 }