Skip to content

Commit 585dd37

Browse files
github0nullgithub0null
committed
fix ram/rom layout bugs
1 parent 9ee591f commit 585dd37

4 files changed

Lines changed: 231 additions & 0 deletions

File tree

‎CHANGELOG.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,10 @@
44

55
***
66

7+
### [v2.13.0_RC1]
8+
- 修复：打开 RAM/ROM Layout 偶尔出现内容为空的问题，适应 vscode 主题色
9+
***
10+
711
### [v2.12.3]
812
- 新增：增加一条命令 `eide.reinstall.binaries`，允许重新安装 eide-binaries
913
- 优化：支持自动读取 JLink 内部 Device 列表，以及加载 JLink 安装目录下的 'JLinkDevices.xml'

‎res/html/StorageLayoutView/fonts/consola.ttf‎

448 KB
Binary file not shown.

‎res/html/StorageLayoutView/index.html‎

Lines changed: 225 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,14 @@
1717
<script src="../bootstrap/js/bootstrap.min.js"></script>-->
1818

1919
<style>
20+
@font-face {
21+
font-family: Consolas;
22+
src: url("fonts/consola.ttf");
23+
}
24+
2025
body {
2126
margin: 12px;
27+
color: var(--vscode-editor-foreground) !important;
2228
background-color: var(--vscode-editor-background) !important;
2329
}
2430

@@ -38,6 +44,225 @@
3844
.form-group {
3945
margin: 0;
4046
}
47+
48+
/* panel */
49+
50+
.panel-body {
51+
color: var(--vscode-editor-foreground) !important;
52+
background-color: var(--vscode-editor-background) !important;
53+
}
54+
55+
.panel-info,
56+
.panel-warning {
57+
color: var(--vscode-editor-foreground) !important;
58+
background-color: var(--vscode-editor-background) !important;
59+
border-radius: .25rem !important;
60+
}
61+
62+
/* table */
63+
64+
table,
65+
tr,
66+
th,
67+
td,
68+
thead,
69+
.table,
70+
.table-bordered {
71+
color: var(--vscode-input-foreground) !important;
72+
background-color: var(--vscode-editor-background) !important;
73+
font-family: Consolas !important;
74+
border-color: var(--vscode-input-placeholderForeground) !important;
75+
}
76+
77+
.table:before {
78+
height: 0px;
79+
}
80+
81+
/* copy from eide builder options view */
82+
83+
legend {
84+
font-size: 1rem !important;
85+
}
86+
87+
section {
88+
color: var(--vscode-editor-foreground) !important;
89+
background-color: var(--vscode-editor-background) !important;
90+
}
91+
92+
.nav-link {
93+
color: var(--vscode-editor-foreground) !important;
94+
background-color: var(--vscode-editor-background) !important;
95+
border: 1px solid var(--vscode-button-background) !important;
96+
}
97+
98+
.nav-pills,
99+
.card,
100+
.card-body,
101+
.list-group-item,
102+
.custom-form {
103+
color: var(--vscode-editor-foreground) !important;
104+
background-color: var(--vscode-editor-background) !important;
105+
}
106+
107+
.custom-checkbox .custom-control-label:before {
108+
background-color: var(--vscode-editor-background);
109+
border-color: var(--vscode-input-placeholderForeground);
110+
}
111+
112+
.card-body {
113+
border-radius: 4px;
114+
box-shadow: 0 5px 15px var(--vscode-input-background);
115+
}
116+
117+
.nav-pills.show>.nav-link {
118+
color: var(--vscode-editor-foreground) !important;
119+
background-color: var(--vscode-button-background) !important;
120+
border: 1px solid var(--vscode-button-background) !important;
121+
}
122+
123+
/* set style for table */
124+
.el-popover {
125+
color: var(--vscode-input-foreground) !important;
126+
background-color: var(--vscode-editor-background) !important;
127+
font-family: Consolas !important;
128+
border: 1px solid var(--vscode-input-placeholderForeground) !important;
129+
border-radius: .25rem !important;
130+
box-shadow: 0 1px 3px var(--vscode-focusBorder) !important;
131+
}
132+
133+
/* set common style for input */
134+
input,
135+
textarea {
136+
color: var(--vscode-input-foreground) !important;
137+
background-color: var(--vscode-editor-background) !important;
138+
font-family: Consolas !important;
139+
border: 1px solid var(--vscode-input-placeholderForeground) !important;
140+
border-radius: .25rem !important;
141+
padding: .625rem .75rem !important;
142+
}
143+
144+
/* el select container style */
145+
146+
.el-select {
147+
padding: 0px !important;
148+
}
149+
150+
.el-select .el-input__inner {
151+
padding-left: 15px !important;
152+
padding-right: 32px !important;
153+
/* make arrow normal */
154+
}
155+
156+
.el-scrollbar,
157+
.el-select-dropdown,
158+
.el-select-dropdown__wrap,
159+
.el-scrollbar__wrap,
160+
.el-scrollbar__view,
161+
.el-select-dropdown__list,
162+
.el-select-dropdown__item {
163+
color: var(--vscode-input-foreground) !important;
164+
background-color: var(--vscode-editor-background) !important;
165+
}
166+
167+
.el-select-dropdown__item {
168+
height: 32px !important;
169+
}
170+
171+
.el-select-dropdown__item.selected {
172+
color: var(--vscode-editor-foreground) !important;
173+
}
174+
175+
.el-select-dropdown {
176+
padding: 2px 0px !important;
177+
border: 1px solid var(--vscode-input-placeholderForeground) !important;
178+
border-radius: .25rem !important;
179+
box-shadow: 0 1px 3px var(--vscode-focusBorder) !important;
180+
}
181+
182+
.el-select-dropdown__item:hover {
183+
background-color: var(--vscode-inputOption-activeBackground) !important;
184+
}
185+
186+
/* proper arrow */
187+
.el-popper[x-placement^=top] .popper__arrow:after {
188+
border-top-color: var(--vscode-input-placeholderForeground) !important;
189+
bottom: 0px !important;
190+
}
191+
192+
.el-popper[x-placement^=bottom] .popper__arrow:after {
193+
border-bottom-color: var(--vscode-input-placeholderForeground) !important;
194+
top: 0px !important;
195+
}
196+
197+
.el-popper[x-placement^=right] .popper__arrow:after {
198+
border-right-color: var(--vscode-input-placeholderForeground) !important;
199+
left: 0px !important;
200+
}
201+
202+
.el-popper[x-placement^=left] .popper__arrow:after {
203+
border-left-color: var(--vscode-input-placeholderForeground) !important;
204+
right: 0px !important;
205+
}
206+
207+
/* set foreground color for input placaholder */
208+
input::-webkit-input-placeholder,
209+
textarea::-webkit-input-placeholder,
210+
.form-control::-webkit-input-placeholder {
211+
color: var(--vscode-input-placeholderForeground) !important;
212+
}
213+
214+
.list-group-item {
215+
border: none !important;
216+
border-color: var(--vscode-input-placeholderForeground) !important;
217+
}
218+
219+
.form-control-alternative {
220+
color: var(--vscode-input-foreground) !important;
221+
/* set font color for input */
222+
background-color: var(--vscode-editor-background) !important;
223+
border: 1px solid var(--vscode-input-placeholderForeground) !important;
224+
border-radius: .25rem !important;
225+
}
226+
227+
.form-control {
228+
border: 1px solid var(--vscode-input-placeholderForeground) !important;
229+
border-radius: .25rem !important;
230+
}
231+
232+
select {
233+
border: 1px solid var(--vscode-input-placeholderForeground) !important;
234+
border-radius: .25rem !important;
235+
}
236+
237+
/* actions */
238+
239+
.nav-pills.active,
240+
.nav-link.active {
241+
color: var(--vscode-button-foreground) !important;
242+
background-color: var(--vscode-button-background) !important;
243+
border: 1px solid var(--vscode-button-background) !important;
244+
}
245+
246+
a:focus,
247+
input:focus,
248+
select:focus {
249+
outline: none !important;
250+
/* remove outline when get focus */
251+
}
252+
253+
select:focus {
254+
border: 1px solid var(--vscode-focusBorder) !important;
255+
border-radius: .25rem !important;
256+
}
257+
258+
input:focus,
259+
textarea:focus,
260+
.form-control:focus,
261+
.form-control-alternative:focus {
262+
border: 1px solid var(--vscode-focusBorder) !important;
263+
border-radius: .25rem !important;
264+
box-shadow: 0 1px 3px var(--vscode-focusBorder);
265+
}
41266
</style>
42267

43268
</head>

‎res/html/StorageLayoutView/index.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ InitEvent();
66

77
NotifySubmitStatus();
88

9+
vscode.postMessage('eide.ram_rom_layout.launched');
10+
911
//-----------------------------------------
1012

1113
function updateView(_data) {

0 commit comments

Comments
 (0)