Mercurial

comparison mrjunejune/src/tools/latex_editor/index.css @ 246:4f2b50bc78e7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[tools] Fix LaTeX editor visibility Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Mon, 03 Aug 2026 18:30:45 -0700
parents b8aa08503378
children 60a876c4587a
comparison
equal deleted inserted replaced
245:3843bb6253ac 246:4f2b50bc78e7
27 27
28 .latex-actions button, 28 .latex-actions button,
29 .button-link { 29 .button-link {
30 min-height: 42px; 30 min-height: 42px;
31 padding: 0.65rem 1rem; 31 padding: 0.65rem 1rem;
32 border: 2px solid rgb(var(--black)); 32 border: 2px solid var(--black);
33 border-radius: 8px; 33 border-radius: 8px;
34 background: var(--awesome); 34 background: var(--awesome);
35 color: rgb(var(--black)); 35 color: var(--black);
36 font: inherit; 36 font: inherit;
37 font-weight: 700; 37 font-weight: 700;
38 text-decoration: none; 38 text-decoration: none;
39 cursor: pointer; 39 cursor: pointer;
40 } 40 }
83 } 83 }
84 84
85 .latex-panel { 85 .latex-panel {
86 min-width: 0; 86 min-width: 0;
87 overflow: hidden; 87 overflow: hidden;
88 border: 2px solid rgb(var(--black)); 88 border: 2px solid var(--black);
89 border-radius: 12px; 89 border-radius: 12px;
90 background: var(--white); 90 background: var(--white);
91 box-shadow: 6px 6px 0 rgba(var(--black), 0.12); 91 box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.12);
92 }
93
94 .editor-panel:focus-within {
95 outline: 4px solid var(--awesome);
96 outline-offset: 2px;
92 } 97 }
93 98
94 .panel-heading { 99 .panel-heading {
95 display: flex; 100 display: flex;
96 align-items: center; 101 align-items: center;
97 justify-content: space-between; 102 justify-content: space-between;
98 gap: 1rem; 103 gap: 1rem;
99 min-height: 48px; 104 min-height: 48px;
100 padding: 0.55rem 0.8rem; 105 padding: 0.55rem 0.8rem;
101 border-bottom: 2px solid rgb(var(--black)); 106 border-bottom: 2px solid var(--black);
102 background: var(--gray-gradient); 107 background: var(--gray-gradient);
103 } 108 }
104 109
105 .panel-heading h2, 110 .panel-heading h2,
106 .panel-heading span { 111 .panel-heading span {
116 resize: vertical; 121 resize: vertical;
117 box-sizing: border-box; 122 box-sizing: border-box;
118 padding: 1rem; 123 padding: 1rem;
119 border: 0; 124 border: 0;
120 outline: 0; 125 outline: 0;
121 background: rgb(var(--black)); 126 background: #111318;
122 color: var(--white); 127 color: #f4f4f5;
128 caret-color: #f4f4f5;
123 font: 15px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; 129 font: 15px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
124 tab-size: 2; 130 tab-size: 2;
125 } 131 }
126 132
127 #pdfPreview { 133 #pdfPreview {