e0578a49465a
revert popup.css android-only rules per peach-android architectural boundary; move.peach-list-top — native into android-overrides.css instead (sheet CSS already exists there)
- time
- 2026-05-18 14:43 UTC · 5 months ago
- machine
- koh2
- parent
- 2c12e1f8fe0f
↓ peach-browser-e0578a49.tar.gzatlas at this save
files changed1 file
src/popup/styles/popup.css+0 −75src/popup/styles/popup.css+0 −75
@@ -1314,81 +1314,6 @@13141314 background: var(--peach-s1);13151315 }13161316 1317-/* Mobile vault bottom sheet — peeks above the entry view at rest, slides up1318- when the user swipes or taps the peek strip. App.tsx writes1319- `is-peeking` / `is-open` (and a live `transform` inline style during1320- drag). PEEK_PX in App.tsx is 60. */1321-.peach-vault-sheet {1322- position: fixed;1323- inset: 0;1324- z-index: 50;1325- background: var(--peach-bg);1326- will-change: transform;1327- transform: translateY(100%);1328- transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);1329- box-shadow: 0 -18px 38px -22px rgba(0, 0, 0, 0.55);1330- border-top-left-radius: 18px;1331- border-top-right-radius: 18px;1332- overflow: hidden;1333-}1334-.peach-vault-sheet::before {1335- content: "";1336- position: absolute;1337- top: 6px;1338- left: 50%;1339- transform: translateX(-50%);1340- width: 38px;1341- height: 4px;1342- border-radius: 999px;1343- background: var(--peach-t3);1344- opacity: 0.6;1345- z-index: 3;1346- pointer-events: none;1347-}1348-.peach-vault-sheet.is-peeking {1349- transform: translateY(calc(100% - 60px));1350-}1351-.peach-vault-sheet.is-open {1352- transform: translateY(0);1353-}1354-.peach-vault-sheet.is-dragging {1355- transition: none;1356-}1357-.peach-vault-sheet .peach-overlay-view {1358- position: absolute;1359- inset: 0;1360- animation: none;1361-}1362-1363-/* Native (mobile) variant: flat search-bar look matching the extension's1364- `.peach-search-bar`. No back arrow — the sheet is dismissed by swipe.1365- Search-glass icon on the left, counter on the right, no nav buttons. */1366-.peach-list-top--native {1367- min-height: 54px;1368- padding: 0 14px 0 14px;1369- gap: 10px;1370- background: transparent;1371- border-bottom: 1px solid color-mix(in srgb, var(--peach-t3) 60%, transparent);1372-}1373-.peach-list-top--native .peach-search-icon {1374- color: var(--peach-t2);1375- display: inline-flex;1376- align-items: center;1377- flex-shrink: 0;1378-}1379-.peach-list-top--native .peach-search-input {1380- font-family: var(--font-display);1381- font-style: italic;1382- font-size: 18px;1383- caret-color: var(--peach-accent);1384- flex: 1;1385-}1386-.peach-list-top--native .peach-search-counter {1387- font-family: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;1388- font-size: 0.625rem;1389- color: var(--peach-t2);1390- flex-shrink: 0;1391-}13921317 .peach-vault-list {13931318 flex: 1;13941319 overflow-y: auto;