github ulsklyc/yuvomi v2.6.0

3 hours ago

Changed

  • Every dashboard card now wears its module's colour, as a surface instead of a stroke. Module identity on the board was a 2px hairline along the top edge - just about visible in the light theme and, in the dark one, not at all: the board read as a wall of equally grey rectangles. The card header carries the family tone as a tinted band now, at the wash step of the tint scale, which is the rung defined for a tint that sits under foreign content - the seal, the title, the badge and the link all belong to the card, not to the tone. The seal on that band gets the band as its own base, or its disc would mix against the card surface and sit at 1.06:1 on the tint. Measured across all five default cards: title 15.3:1 light and 12.1:1 dark, header link 5.5:1 and 6.1:1, badge 6.0:1 and 6.3:1.
  • The day programme is the principal object of the page again. "Heute wichtig" sat on a smaller radius and a lighter shadow than the widgets below it, so the most important block on the surface was optically the quietest - "what is on today?" weighed less than "birthdays". It now carries the larger card radius and one elevation step above the grid, and its rows have the breathing room of a programme rather than the density of a list. Touching a row tints it in the tone of the room it comes from instead of neutral grey; the seal on the left already said where the row belongs, and a grey hover threw that away at the moment of contact. On phones the programme no longer shrinks: padding and title size used to drop there, so on the device PRODUCT.md names as the primary scene the day programme was the smallest version of itself while five full-size cards stood underneath it.
  • A tile is wide enough for the names in it. At 1440px the grid laid out four 270px columns, and in them the ellipsis cut through real content - "Familienmitg…", "Tante Claire Bec…", "Leo John…". The minimum column is 280px now, which at that width means three calm columns instead of four cramped ones; the auto-fill mechanism is untouched, so the fourth column returns on its own around 1700px, with room for text. The family card's member names moved up to the row-title step the rest of the board uses - 14px was the exception, and next to a 38px avatar it read like a caption.
  • Leftover height became breathing room instead of a hole. Row heights follow the 1x1 tiles, so a tile spanning two rows gets the sum of both plus the gap - measured 489px of slot for 319px of content in the family card, and the difference sat as a dead block below the last element. The card body stretches now and anchors its footer to the bottom, so the surplus falls between content and closing line: a deliberate frame with head, body and foot. The family card gained that closing line - the household's task tally for the day, from the same server-side aggregates the rows use, since counting the rendered rows would lie as soon as the household outgrows the limit. The savings rate gained a second channel: a track where the month's income is the full width and the filled part is exactly the percentage printed beside it.
  • The monthly balance is a readout, not a number at the end of a label row. It sat as a 22px amount on the right of a caption line - the same anatomy as "Sparquote 45 %" directly below, so the card's headline fact was built like its supporting one. Stacked, at 28px, it is what it is: the number you open the card for.
  • A list tile takes its row count from its height. The birthday list was cut to three on the server, for every tile size there is, so the two-row default ran a third of its card empty and no layout could fix it - the material was not there. The supply now covers the tallest version and the tile decides how much of it appears: three rows for one grid row, five for two. The rule sits in one place so the next list widget inherits it instead of inventing another constant.
  • The demo board shows the weather card. It is off by default, because the masthead line under the greeting already says the current conditions - but the card is what the wall-tablet case looks like, and it carries the location and the forecast the line has no room for. In the demo it sits before the two flat tiles, which is also where the screenshot frame ends. The echo rule applies as always: with the card visible, the masthead line steps aside.

Fixed

  • A select in the settings was 23px tall. The token subject picker and the default calendar target carried class="form-select" - a name no stylesheet has ever defined - so both fell back to the browser default while the input beside them in the same form group wore the field material. They now use the canonical form-input, which also brings the chevron padding: 40px at the pointer, 48px at the finger. A guard now checks the shape rather than a list of names, so the next invented form-* class fails on the first run instead of on a 55-minute browser sweep.

  • A pinned note keeps its colour on the dashboard. Two things had to line up for this one. Notes without a colour rendered --note-color:; - a valid empty value, which takes var() its fallback and invalidates the whole recipe - and notes with a colour never reached the recipe at all, because glass.css carries the more specific dashboard rule and set a neutral well there. The tinted recipe in dashboard.css had been dead code since the HIG rollout while claiming the opposite of what was on screen. The well is still a well - a box inside a box is a recess, not a second card - it just carries the note's tone now.

  • Note tiles follow their card's width, not the window's. Three columns from 1024px up, even when the note card is one grid column wide: three notes in ~105px each, and what was left was "Urlaubs-…", "WLAN & …", "Emmas …". The tile count is a container query on the widget now, with thresholds that are tile widths rather than device classes.

  • A note tile no longer dims itself on hover. It took opacity: 0.8 - making its own text harder to read in order to show it could be touched - and lifted a pixel like a control. It steps up one rung of the tint scale instead.

  • The masthead tools hang at the top instead of floating mid-title. They were centred against a greeting stack three lines tall, and four on a phone, so the "Stand 21:39" anchor landed halfway up beside the title with nothing to relate to.

Don't miss a new yuvomi release

NewReleases is sending notifications on new releases.