Skip to content

Commit 4196910

Browse files
vveerrggclaude
andcommitted
feat: unify Safari popup with full sidepanel UI
Point Safari's default_popup to sidepanel.html so users get the same tabbed UI (Home, Vault, Apps, Relays, Settings) instead of the basic popup. Add min-width/min-height to ensure usable sizing in popup context. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 8d12a94 commit 4196910

5 files changed

Lines changed: 8 additions & 2 deletions

File tree

distros/chrome/sidepanel.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@
1010
height: 100%;
1111
margin: 0;
1212
overflow: hidden;
13+
min-width: 380px; /* Safari popup minimum */
14+
min-height: 580px; /* Safari popup minimum */
1315
}
1416
.sidepanel-layout {
1517
display: flex;

distros/safari/manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
}
2525
],
2626
"action": {
27-
"default_popup": "popup.html",
27+
"default_popup": "sidepanel.html",
2828
"default_icon": {
2929
"16": "images/toolbar-16.png",
3030
"19": "images/toolbar-19.png",

distros/safari/sidepanel.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@
1010
height: 100%;
1111
margin: 0;
1212
overflow: hidden;
13+
min-width: 380px; /* Safari popup minimum */
14+
min-height: 580px; /* Safari popup minimum */
1315
}
1416
.sidepanel-layout {
1517
display: flex;

src/manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
}
2525
],
2626
"action": {
27-
"default_popup": "popup.html",
27+
"default_popup": "sidepanel.html",
2828
"default_icon": {
2929
"16": "images/toolbar-16.png",
3030
"19": "images/toolbar-19.png",

src/sidepanel.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@
1010
height: 100%;
1111
margin: 0;
1212
overflow: hidden;
13+
min-width: 380px; /* Safari popup minimum */
14+
min-height: 580px; /* Safari popup minimum */
1315
}
1416
.sidepanel-layout {
1517
display: flex;

0 commit comments

Comments
 (0)