紧凑标题栏

林一二2026年08月26日 00:00
$:/tags/Stylesheet
/*
 * The Shiraz toolbar style hides title-bar content with opacity but leaves its
 * full layout height behind. Keep a small interaction area while hidden, then
 * expand to the title bar's natural height whenever its existing hover rule
 * makes the controls visible. Touch browsers map a long press to :hover.
 */
.tc-tiddler-frame .tc-titlebar {
  max-block-size: 2rem;
  overflow: hidden;
  transition: max-block-size 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.tc-tiddler-frame .tc-titlebar:hover {
  max-block-size: 100vh;
}