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
1 file src/popup/styles/popup.css+0 −75
src/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;

view file