COOL UX-UI Design meeting minutes: 2026-05-28

Development
,
1

  • Present: Pedro, Sahil, Mohit, Ivana, Darshan, Szymon, Banobe, Shardul

  • Ruler

    • Ivana: Ruler https://github.com/CollaboraOnline/online/issues/15776

      • Context and discussion: let’s go with Ivana’s last suggestion

    • Development plan? (hear Szymon’s opinion, cc Darshan)

      • Change mouse cursors on hover

      • Change indicator SVG icons for the new ones

      • Add different states so we can change the icon on hover

      • Do you think it will be harder to have multiple tooltips visible at the same time (3) and live updating with the value while dragging?

        • Szymon: Currently it seems we hide all with the exception of one → but it should be ok

        • What about the live updating – as in update the values in the tooltips and changing the drawn line (but not live updating the document) – performance-wise?

          • Szymon: It should be fine since it’s mostly cosmetic changes. In the future, we should perhaps think about the possibility of converting the ruler into a canvas section → this would give a better frame rate (read HTML back and forth vs. Canvas).

      • Darshan: Tab stops, do they work? Do we have a different icon for it? What we have currently:

        • We do have marks that appear on double-click

        • We also have a right-click menu on the ruler that shows a tooltip that is actually a button → allows to insert/remove tab stop

        • Pedro: suggestion on having a dedicated button on the left

          • Darshan: Maybe it would be better to, as a first step, simply add another tooltip that appears anywhere in the empty ruler, something along these lines: “Double-click to insert a tab stop. Right-click for more options.”

          • Pedro: Yes, that is a better first step, and then we will see if we need to go further.

            • Maybe double-clicking on an existing tab stop or dragging it outside of the ruler should remove it. → Postpone anything around this, as we might need to double-check behavior on consequent tab stops.

  • Icon blueprint

  • NeedsUXEval

    • Removed label from NB Table Tab with Design previews and commands from the sidebar #15828 to know that it was answered, but we can discuss here.

      • Pedro to file task on having 2 contextual tabs visible (one that the user is redirected to)

    • Autofilter – had to revert resize (perf regression due to complex layouting with hundreds of entries) (Szymon)

      • We can rework that popup to simplify (.ui in core), ideas?

      • We grow down-right, weird when buttons are in that corner (OK, Cancel)

      • See picture below when I moved buttons up; maybe we can put them in a single row? And only “Apply”, no “Cancel” (Szymon)

        image
        image421×579 20.8 KB

      • Pedro: No, better do don’t do that. We should add a resizer as long as it doesn’t affect performance. We should probably not use a tree and instead use something simple, such as a simple HTML list or table → Pedro to create a task

  • Slide Sections:

    • Should a second click in the section header de-select the slides?

    • Need icons for Expand All & Collapse All, and Remove Section & Slides

      image
      image277×272 12.7 KB

  • Tasks

    • Icons in need of work

      • Insert → Smart Picker

      • Format → Theme

      • Help → Latest Updates

      • Right-click context menu: List right arrow is unreadable on mouseover

      • Maybe the Help → Accessibility Check could be improved to better signify that this is not a generic accessibility dialog/settings but it’s specifically checking the document

    • Fix odd break in References tab: references-zoterosetdocprefs-break

2

Newly created issues based on the discussion: