Code Monkey home page Code Monkey logo

Comments (4)

er-pa avatar er-pa commented on June 16, 2024 1

Alternatives would be to manually set a Device Name for each Syncthing instance, to something more manageable (shorter). In the end this will only have to be done once per Syncthing instance, quite doable. Or, less aesthetically pleasing but perhaps better than just clipping the names, to just not clip the names and expand the bar when neccesary.

Working with tooltips when it comes to an overview is still not very convenient, imo.

from syncthing.

tomasz1986 avatar tomasz1986 commented on June 16, 2024

Related: #7592.

I think one problem with adding tooltips is that these are interactive elements, meaning that the tooltips will pop up even when you just want to press the element to unfold it. I personally find this extremely annoying. Just a side note, but for this reason I actually removed folder ID tooltips from my personal Syncthing build.

One possible solution could be to display tooltips only when the device name is actually too long. This would require some work though, as when it comes to tooltips, the GUI currently doesn't care whether the text fits or not, so without additional tweaks, it would just display the tooltips for all device names regardless of their length.

from syncthing.

nekohayo avatar nekohayo commented on June 16, 2024

Indeed, ideally showing them only when a machine's name is ellipsized would make more sense than showing them in all situations.

I think one problem with adding tooltips is that these are interactive elements, meaning that the tooltips will pop up even when you just want to press the element to unfold it. I personally find this extremely annoying. Just a side note, but for this reason I actually removed folder ID tooltips from my personal Syncthing build.

Well, I consider the native HTML "title" attributes' tooltips to be pretty unobtrusive as they are click-through, and they don't appear until ~500ms after the mouse has stopped over an item, from what I can see in Firefox: they don't appear as long as the mouse is moving.

Syncthing's existing popover-style tooltip widgets (that can be seen over the "Folders" list column), in comparison, don't have this level of subtlety, they immediately and constantly appear in, regardless of active motion, which I agree can be intrusive. I wonder why standard "title" attributes were not used there.

from syncthing.

tomasz1986 avatar tomasz1986 commented on June 16, 2024

Well, I consider the native HTML "title" attributes' tooltips to be pretty unobtrusive as they are click-through, and they don't appear until ~500ms after the mouse has stopped over an item, from what I can see in Firefox: they don't appear as long as the mouse is moving.

Bootstrap tooltips (which Syncthing uses) are better, because they can work with keyboard and touch screen input, while the standard HTML title attribute is basically limited to mouse hover only. That is also why nowadays using title is discouraged in general if you care about accessibility. However, tooltips on interactive elements are still problematic, as they are also not really accessible to touch screen users (as touching the element triggers both input and hover at the same time).

Honestly, as @er-pa above, as a simple workaround, at least for the time being, I would also suggest to just shorten your device names…

from syncthing.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.