Similar for editing individual calendar.google.com entries.
However, there element class names have semi-random names, in this case `.kVw1pb`.
How rude is that @googlecalendar!
I tested this to work on monitor widths from 1024 to 3840px:
One can figure out the class name of the `div` encompassing both the calendar item title and "Save" button, then setting `width` from `calc(578px + 56px + (100% - 1049px)*0.16666667)` to `calc(max(65%, 578px + 56px + (100% - 1049px)*0.16666667))`
Anything wider (even like `calc(max(70%, 578px + 56px + (100% - 1049px)*0.16666667))`) makes the "More actions" dropdown going to be too narrow (despite there being enough screen estate). Probably fixable too, but too little energy for that right now.
Another alternative is figuring out the style of the edit, then making the `font-size` smaller.
Most elements have `14px` there which doubles the visible content of the calendar item title.
I think I will write a Stylus entry for this and see if that keeps working over time.
Gist with CSS modifications: gist.github.com/jpluimers/839c…
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.