noNameWEB/redmine-theme-tonalmine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: structure calendar/Gantt hover cards into title and field grid

Browse Source 
- Regroup Redmine's "<strong>Label</strong>: value<br>" tooltip lines on
  first hover into a title block and a label/value grid (theme.js).
- Style the issue link as a kicker, the subject as title-small, and the
  labels as a muted column next to aligned values.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Andreas Reinhold / reini
2026-10-05 12:44:19 +02:00
co-authored by Claude Opus 5.5
parent 6c271ffffe
commit 906153014b
2 changed files with 69 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tonalmine/stylesheets/components.css
+35
View File
@@ -373,6 +373,41 @@ div.tooltip:hover span.tip {
}
div.tooltip span.tip strong { color: var(--md-sys-color-on-surface); font-weight: 500; }
div.tooltip span.tip .avatar { vertical-align: middle; }
/* Structured by theme.js (structureTip): title block, then a label/value grid. */
div.tooltip span.nm-tip .nm-tip__title {
display: flex;
flex-direction: column;
gap: 2px;
margin-block-end: 12px;
}
div.tooltip span.nm-tip .nm-tip__title > a {
font: var(--md-sys-typescale-label-medium);
letter-spacing: var(--md-sys-typescale-label-medium-tracking);
text-decoration: none;
}
div.tooltip span.nm-tip .nm-tip__title > span {
color: var(--md-sys-color-on-surface);
font: var(--md-sys-typescale-title-small);
letter-spacing: var(--md-sys-typescale-title-small-tracking);
}
div.tooltip span.nm-tip .nm-tip__fields {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px 16px;
align-items: center;
}
div.tooltip span.nm-tip .nm-tip__fields > strong {
color: var(--md-sys-color-on-surface-variant);
font: var(--md-sys-typescale-label-medium);
letter-spacing: var(--md-sys-typescale-label-medium-tracking);
}
div.tooltip span.nm-tip .nm-tip__fields > span {
color: var(--md-sys-color-on-surface);
display: flex;
align-items: center;
gap: 6px;
min-inline-size: 0;
}
/***** jQuery UI: dialogs, date picker, menus *****/
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: var(--md-ref-typeface-plain); }