Skip to content

Commit 1256590

Browse files
authored
Merge pull request #124 from tarosky/fix/ai-overview-button-width-ellipse
AI Overviewの送信ボタンが一部テーマで横長楕円になる問題を修正
2 parents cbf2261 + 151467c commit 1256590

1 file changed

Lines changed: 7 additions & 0 deletions

File tree

src/blocks/ai-overview/style.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,11 @@
151151
// theme-injected values; max-height:none guards against theme height caps.
152152
// Cosmetics (background/gradient, color, transition, :hover, focus color) stay
153153
// low-specificity in :where() below so themes can still re-skin them.
154+
// BOTH axes are neutralized: min-height:0/max-height:none guard the height, and
155+
// min-width:0/max-width:none guard the width. Without the width guards a theme
156+
// rule like `button { min-width: <N>px }` sets a floor that beats the applied
157+
// `width` (min-width overrides width regardless of specificity), stretching the
158+
// circle into a horizontal ellipse while the height stays fixed.
154159
.hamelp-ai-overview .hamelp-ai-overview__button {
155160
// Fixed-size circular icon button (ChatGPT-style), floated inside the field's
156161
// bottom-right corner. The constant bottom offset keeps it pinned to the
@@ -165,6 +170,8 @@
165170
box-sizing: border-box;
166171
width: var(--hamelp-btn-size);
167172
height: var(--hamelp-btn-size);
173+
min-width: 0;
174+
max-width: none;
168175
min-height: 0;
169176
max-height: none;
170177
padding: 0;

0 commit comments

Comments
 (0)