Skip to content

Commit 83acae2

Browse files
luoxuanzaoQoder-AI
andcommitted
style: replace !important with raised specificity for composer button
PR review CSS lint flagged the !important overrides. Obsidian's native button defaults are beaten with a (0,3,1) selector chain (.qoderian-input-wrapper .qoderian-input-toolbar button.qoderian-composer-action-btn) instead, which also zeroes the native box-shadow. Verified on device: brand-green fill and gray-black arrow unchanged, no native shadow. Co-authored-by: QoderAI (Qwen 3.8 Max) <qoder_ai@qoder.com>
1 parent 428fca7 commit 83acae2

1 file changed

Lines changed: 9 additions & 4 deletions

File tree

src/style/components/input.css

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -356,14 +356,19 @@
356356
padding: 0;
357357
border: none;
358358
border-radius: 8px;
359-
/* !important: Obsidian's native button defaults (interactive-normal gray)
360-
out-specify a single class; sanctioned override per style/AGENTS.md */
361-
background: var(--qoderian-brand) !important;
362-
color: rgba(0, 0, 0, 0.7) !important;
363359
cursor: pointer;
364360
transition: filter 0.15s ease, opacity 0.15s ease;
365361
}
366362

363+
/* Obsidian's native button defaults (interactive-normal gray) out-specify a
364+
single class; raise specificity instead of !important to override them. */
365+
.qoderian-input-wrapper .qoderian-input-toolbar button.qoderian-composer-action-btn {
366+
border: none;
367+
box-shadow: none;
368+
background: var(--qoderian-brand);
369+
color: rgba(0, 0, 0, 0.7);
370+
}
371+
367372
/* When the permission toggle is hidden the button inherits the row's
368373
right alignment instead of sitting next to the left group. */
369374
.qoderian-permission-toggle.qoderian-hidden ~ .qoderian-composer-action-btn {

0 commit comments

Comments
 (0)