[DOCS ISSUE] Page: Customizing the user interface #198

Sorry for troubling again, i was looking to make the editor interface more user friendly and i have managed to do it like that:

// modules/asset/ui/src/scss/_widgets.scss -> follows the structure from the A3-Boilerplate from the tutorial
/// more styles rules
.apos-area-widget-wrapper {
  .apos-area-widget-inner {
    .apos-area-widget-controls {
      opacity: 0.3;
      &.apos-is-visible {
        opacity: 1;
      }
    }
  }
}
.apos-button-group--vertical .apos-button-group__inner {
  flex-direction: row !important;
}
/// more styles rules

But looking at the next info i'm not sure if i can do it in other way for also add new icons/buttons to the editor modal:

1. Customizing the user interface
2. Overriding standard Vue.js components through configuration
3. Custom schema field types

There is any info about things like those?:

• Add a new option to the pieces list modal that allow publish/duplicate multiple selection.
• Add a new button to any widget editor modal (like the move up/down for contextual editing).
• Modify the widget modal for add tabs with the groups like the pieces.

I have taken a look to the source code from rich-text, image and others but i am not sure enough about where i can modify/add those kinds of things and when is recommended to work with vue.