Skip to content

Commit 6f368b5

Browse files
authored
Fix embed assistant window width on small screens (#3604)
1 parent 9201e2c commit 6f368b5

File tree

2 files changed

+8
-1
lines changed

2 files changed

+8
-1
lines changed

.changeset/wise-eagles-wink.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"gitbook": patch
3+
"@gitbook/embed": patch
4+
---
5+
6+
Fix embed assistant window width on small screens

packages/embed/src/standalone/style.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
--gitbook-widget-top: 1rem;
33
--gitbook-widget-bottom: 1rem;
44
--gitbook-widget-right: 1rem;
5+
--gitbook-widget-left: 1rem;
56

67
--gitbook-widget-button-height: 46px;
78

@@ -117,7 +118,7 @@
117118
bottom: var(--gitbook-widget-window-bottom);
118119
right: var(--gitbook-widget-right);
119120
z-index: 9998;
120-
width: var(--gitbook-widget-window-width);
121+
width: calc(min(var(--gitbook-widget-window-width), calc(100vw - var(--gitbook-widget-right) - var(--gitbook-widget-left))));
121122
height: calc(min(var(--gitbook-widget-window-height), calc(100vh - var(--gitbook-widget-window-bottom) - var(--gitbook-widget-top))));
122123
background-color: var(--gitbook-widget-background-solid);
123124
border: 1px solid var(--gitbook-widget-border-color);

0 commit comments

Comments
 (0)