| | There are three things to fix here: | | There are three things to fix here: |
| - | 1. The """"Edit Section"""" buttons' """"title="""" HTML attribute that shows the """"Edit Section"""" tooltip should be more specific, and mention the name of the section, like """"Edit Section: $section_name_if_available_and_shortened_if_needed"""". Especially when it's off-screen. And/or possibly maybe it's supposed to use Tiki's popover tooltip widget instead of the HTML native """"title"""" attribute tooltip thing?2. There should be a highlight / visual indication of what is affected. A primitive way could be simply to have a 1px solid (or dashed, or dotted) line (using the theme's primary color) appear around the affected section/plugin/area on mouseover (when hovering the button). Ideally, this should be in combination with also temporarily fading out the rest of the page (i.e. opacity 50%) while hovering, so that the affected section really stands out.3. For cleanliness and for additional clarity of functionality as well, it could be desirable for those interactive in-page editing buttons (edit plugin, edit section, etc.) to be 50% opacity by default, and when the mouse is over a related section/component (or over the button itself) it becomes 100% opaque. That way, as the mouse cursor moves across the page, the various contextual related widgets would """"advertise themselves"""" dynamically, which further reinforces their contextuality without eliminating their global discoverability. I suspect this is pretty much https://avan.tech/item11320-Plugin-edit-helper-icon-to-appear-on-mouse-over-of-the-plugin-content |
+ | # The """"Edit Section"""" buttons' """"title="""" HTML attribute that shows the """"Edit Section"""" tooltip should be more specific, and mention the name of the section, like """"Edit Section: $section_name_if_available_and_shortened_if_needed"""". Especially when it's off-screen. And/or possibly maybe it's supposed to use Tiki's popover tooltip widget instead of the HTML native """"title"""" attribute tooltip thing?# There should be a highlight / visual indication of what is affected. A primitive way could be simply to have a 1px solid (or dashed, or dotted) line (using the theme's primary color) appear around the affected section/plugin/area on mouseover (when hovering the button). Ideally, this should be in combination with also temporarily fading out the rest of the page (i.e. opacity 50%) while hovering, so that the affected section really stands out.# For cleanliness and for additional clarity of functionality as well, it could be desirable for those interactive in-page editing buttons (edit plugin, edit section, etc.) to be 50% opacity by default, and when the mouse is over a related section/component (or over the button itself) it becomes 100% opaque. That way, as the mouse cursor moves across the page, the various contextual related widgets would """"advertise themselves"""" dynamically, which further reinforces their contextuality without eliminating their global discoverability. I suspect this is pretty much https://avan.tech/item11320-Plugin-edit-helper-icon-to-appear-on-mouse-over-of-the-plugin-content |
| | That way the user will be sure what they're really going to be interacting with. | | That way the user will be sure what they're really going to be interacting with. |