obsidian-plugin/liubinfighter_csv-lite
1
0
Fork 0
mirror of https://github.com/liubinfighter/csv-lite.git synced 2026-07-22 05:43:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: adjust padding and border styles for table and input elements

Browse source
This commit is contained in:
JayBridge 2025-06-07 22:52:25 +08:00
parent 642c34458a
commit 3ad133d77c
1 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
styles.css
View file

@ -18,7 +18,7 @@ If your plugin does not need CSS, delete this file.
.csv-lite-table td, .csv-lite-table td,
.csv-lite-table th { .csv-lite-table th {
border: 1px solid var(--background-modifier-border); border: 1px solid var(--background-modifier-border);
padding: 4px 8px; padding: 2px 4px;
position: relative; position: relative;
overflow: visible; overflow: visible;
} }
@ -41,8 +41,8 @@ If your plugin does not need CSS, delete this file.
.csv-cell-input, .csv-cell-input,
.csv-edit-input { .csv-edit-input {
height: auto; height: auto;
padding: 4px 8px; padding: 2px 4px;
border: 1px solid var(--background-modifier-border); border: none; /* 移除输入框边框 */
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
background: var(--background-primary); background: var(--background-primary);
@ -58,19 +58,21 @@ If your plugin does not need CSS, delete this file.
/* csv-edit-input 特有样式 */ /* csv-edit-input 特有样式 */
.csv-edit-input { .csv-edit-input {
width: 75%; width: 80%;
margin: 0 auto 12px auto; /* 添加底部边距 */ margin: 0 auto 12px auto; /* 添加底部边距 */
display: block; display: block;
text-align: center; text-align: center;
border: 1px solid var(--background-modifier-box-shadow);
} }
/* 焦点状态样式 */ /* 焦点状态样式 */
.csv-cell-input:focus, .csv-cell-input:focus,
.csv-edit-input:focus { .csv-edit-input:focus,
.csv-lite-table th .csv-cell-input:focus {
outline: none; outline: none;
border-color: var(--interactive-accent); box-shadow: 0 0 0 2px rgba(var(--interactive-accent-rgb), 0.2); /* 保留焦点状态的视觉效果 */
box-shadow: 0 0 0 2px rgba(var(--interactive-accent-rgb), 0.2);
} }
.csv-operation-buttons { .csv-operation-buttons {
display: flex; display: flex;
gap: 8px; gap: 8px;
@ -235,3 +237,7 @@ td input:focus {
.csv-parser-settings .setting-item-control input { .csv-parser-settings .setting-item-control input {
max-width: 200px; max-width: 200px;
} }
.csv-lite-table th .csv-cell-input {
background: var(--background-modifier-box-shadow-hover);
}