)]}'
{
  "commit": "0269340cb3925dd8c5f5ed8ad7ebcd743f66fe6c",
  "tree": "e57fb0d4f57ed29e3defc33e00350a941017ce33",
  "parents": [
    "2cc7563b105e381982b0732279609fde49c0ce2d"
  ],
  "author": {
    "name": "banksean",
    "email": "banksean@gmail.com",
    "time": "Thu Jul 17 17:10:10 2025 +0000"
  },
  "committer": {
    "name": "Autoformatter",
    "email": "bot@sketch.dev",
    "time": "Thu Jul 17 18:08:33 2025 +0000"
  },
  "message": "sketch: fix Timeline messages width overflow issue\n\nFix issue where Timeline messages don\u0027t fit within their designated width,\ncausing text to overflow beyond message bubble boundaries and overlap with\nother UI elements.\n\nRoot cause was that max-width constraints were not being applied properly:\n- max-w-[calc(100%-160px)] Tailwind class wasn\u0027t being computed correctly\n- markdown-content div was missing proper overflow-wrap and word-break CSS\n- message content div was missing max-width constraints\n\nChanges:\n- Add explicit style attributes for max-width constraints on bubble containers\n- Add proper word-break and overflow-wrap CSS properties to markdown content\n- Update global CSS to ensure consistent word breaking behavior\n- Add overflow: hidden to prevent content from overflowing containers\n- Create test page to verify fix works in normal and compact padding modes\n\nThe fix ensures messages wrap properly within their containers in both normal\nmode (with 160px margin) and compact padding mode (full width) while\nbreaking long URLs and unbreakable strings appropriately.\n\nFixes https://github.com/boldsoftware/sketch/issues/201\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\nChange-ID: s7eaa3905ab8c4595k\n",
  "tree_diff": [
    {
      "type": "modify",
      "old_id": "144f88c59d95716733bff1b1e78d914b07d27627",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-timeline-message.ts",
      "new_id": "a45ed5c656b8363bf8eafb3d17d44dcc0e9721ae",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-timeline-message.ts"
    }
  ]
}
