ui: translate table actions, new icons

Signed-off-by: Max <[email protected]>

css/icons.scss

@@ -28,3 +28,5 @@
 @include icon-black-white('add_col_after', 'text', 1);
 @include icon-black-white('add_row_before', 'text', 1);
 @include icon-black-white('add_row_after', 'text', 1);
+@include icon-black-white('delete_col', 'text', 1);
+@include icon-black-white('delete_row', 'text', 1);

src/components/EditorWrapper.vue

@@ -649,7 +649,6 @@ export default {
 		&:not(.show-color-annotations)::v-deep .author-annotation,
 		&:not(.show-color-annotations)::v-deep .image {
 			background-color: transparent !important;
-			color: var(--color-main-text) !important;
 		}
 
 		.ProseMirror {

src/nodes/TableCellView.vue

@@ -28,17 +28,17 @@
 				<ActionButton icon="icon-add_row_before"
 					:close-after-click="true"
 					@click="addRowBefore">
-					Add new row before this
+					{{ t('text', 'Add row before') }}
 				</ActionButton>
 				<ActionButton icon="icon-add_row_after"
 					:close-after-click="true"
 					@click="addRowAfter">
-					Add new row after this
+					{{ t('text', 'Add row after') }}
 				</ActionButton>
-				<ActionButton icon="icon-delete"
+				<ActionButton icon="icon-delete_row"
 					:close-after-click="true"
 					@click="deleteRow">
-					Remove this row
+					{{ t('text', 'Delete this row') }}
 				</ActionButton>
 			</Actions>
 		</div>
@@ -68,6 +68,9 @@ export default {
 			required: true,
 		},
 	},
+	computed: {
+		t: () => window.t,
+	},
 	methods: {
 		deleteRow() {
 			this.editor.chain()

src/nodes/TableHeaderView.vue

@@ -28,17 +28,17 @@
 				<ActionButton icon="icon-add_col_before"
 					:close-after-click="true"
 					@click="addColumnBefore">
-					Add new column before this
+					{{ t('text', 'Add column before') }}
 				</ActionButton>
 				<ActionButton icon="icon-add_col_after"
 					:close-after-click="true"
 					@click="addColumnAfter">
-					Add new column after this
+					{{ t('text', 'Add column after') }}
 				</ActionButton>
-				<ActionButton icon="icon-delete"
+				<ActionButton icon="icon-delete_col"
 					:close-after-click="true"
 					@click="deleteColumn">
-					Remove this column
+					{{ t('text', 'Delete this column') }}
 				</ActionButton>
 			</Actions>
 		</div>
@@ -68,6 +68,9 @@ export default {
 			required: true,
 		},
 	},
+	computed: {
+		t: () => window.t,
+	},
 	methods: {
 		deleteColumn() {
 			this.editor.chain()