Icon redesign in WYSIWYG

app/styles/main.scss

@@ -0,0 +1,150 @@
+// THIS IS THE MAIN INCLUDES SASS FILE
+
+// Bourbon
+$prefix-for-webkit:    true;
+$prefix-for-mozilla:   true;
+$prefix-for-microsoft: true;
+$prefix-for-opera:     true;
+$prefix-for-spec:      true;
+@import 'bourbon/bourbon';
+
+// Codehilite
+@import 'vendor/codehilite.github';
+
+//#################################################
+//             dependencies
+//#################################################
+
+@import 'dependencies/helpers';
+@import 'dependencies/colors';
+@import 'dependencies/typography';
+@import 'dependencies/elements';
+@import 'dependencies/mixins';
+@import 'dependencies/responsive';
+@import 'dependencies/forms';
+@import 'dependencies/animation';
+
+//#################################################
+//             components
+//#################################################
+
+@import 'components/buttons';
+@import 'components/avatar';
+@import 'components/summary';
+@import 'components/popover';
+@import 'components/tag';
+@import 'components/filter';
+@import 'components/taskboard-task';
+@import 'components/kanban-task';
+@import 'components/notification-message';
+@import 'components/basic-table';
+@import 'components/paginator';
+@import 'components/watchers';
+@import 'components/level';
+@import 'components/created-by';
+@import 'components/wysiwyg';
+@import 'components/select-color';
+@import 'components/loader';
+@import 'components/spinner';
+@import 'components/help-notion-button';
+@import 'components/beta';
+@import 'components/markitup';
+
+//#################################################
+//             Modules
+//#################################################
+
+//Common modules
+@import 'modules/common/assigned-to';
+@import 'modules/common/nav';
+@import 'modules/common/projects-nav';
+@import 'modules/common/lightbox';
+@import 'modules/common/colors-table';
+@import 'modules/common/category-config';
+@import 'modules/common/attachments';
+@import 'modules/common/related-tasks';
+@import 'modules/common/history';
+@import 'modules/common/wizard';
+
+//Project modules
+@import 'modules/home-projects-list';
+@import 'modules/home-project';
+@import 'modules/create-project';
+
+//Issues modules
+@import 'modules/issues/issues-table';
+
+//Kanban modules
+@import 'modules/kanban/kanban-table';
+
+//Search modules
+@import 'modules/search/search-filter';
+@import 'modules/search/search-result-table';
+@import 'modules/search/search-in';
+
+//Filters modules
+@import 'modules/filters/filters';
+@import 'modules/filters/list-filters';
+@import 'modules/filters/filter-tags';
+
+//Backlog modules
+@import 'modules/backlog/sprints';
+@import 'modules/backlog/burndown';
+@import 'modules/backlog/backlog-table';
+@import 'modules/backlog/taskboard-table';
+
+//Login modules
+@import 'modules/auth/login-form';
+@import 'modules/auth/register-form';
+@import 'modules/auth/forgot-form';
+@import 'modules/auth/change-password-from-recovery';
+
+//Wiki modules
+@import 'modules/wiki/wiki-nav';
+@import 'modules/wiki/wiki-summary';
+
+//modules admin
+@import 'modules/admin/admin-menu';
+@import 'modules/admin/admin-submenu';
+@import 'modules/admin/admin-submenu-roles';
+@import 'modules/admin/admin-roles';
+@import 'modules/admin/admin-functionalities';
+@import 'modules/admin/admin-membership-table';
+@import 'modules/admin/admin-project-profile';
+@import 'modules/admin/default-values';
+@import 'modules/admin/project-values';
+
+//Modules user Settings
+@import 'modules/user-settings/user-profile';
+@import 'modules/user-settings/user-change-password';
+@import 'modules/user-settings/mail-notifications-table';
+
+//#################################################
+//             Layout
+//#################################################
+
+@import 'layout/base';
+@import 'layout/login';
+@import 'layout/invitation';
+@import 'layout/not-found';
+@import 'layout/backlog';
+@import 'layout/taskboard';
+@import 'layout/us-detail';
+@import 'layout/admin-memberships';
+@import 'layout/admin-project-values';
+@import 'layout/project-colors';
+@import 'layout/kanban';
+@import 'layout/issues';
+@import 'layout/wiki';
+@import 'layout/wiki-edit';
+
+//#################################################
+//             Help
+//#################################################
+@import 'modules/help/lightbox-generic-notion';
+
+//#################################################
+//             Shame
+//#################################################
+
+@import 'shame/shame';

app/styles/modules/common/assigned-to.scss

@@ -2,6 +2,14 @@
     @include table-flex();
     margin-top: 1rem;
     position: relative;
+    &:hover {
+        .assigned-to {
+            .icon-delete {
+                @include transition (opacity .3s linear);
+                opacity: 1;
+            }
+        }
+    }
     &.loading {
         width: 100%;
         span {
@@ -43,7 +51,7 @@
         }
         .icon-delete {
             color: $gray-light;
-            opacity: 1;
+            opacity: 0;
             position: absolute;
             right: 0;
             top: 0;