tweak message context icons

weeman1337 · weeman1337 · commit e340411514c7 · 2021-05-25T13:36:26.000+02:00
Signed-off-by: Michael Weimann &lt;mail@michael-weimann.eu&gt;
diff --git a/res/css/views/context_menus/_MessageContextMenu.scss b/res/css/views/context_menus/_MessageContextMenu.scss
@@ -38,36 +38,27 @@ limitations under the License.
     }
 
     .mx_MessageContextMenu_iconReport::before {
-        mask-image: url('$(res)/img/feather-customised/warning-triangle.svg');
+        mask-image: url('$(res)/img/element-icons/warning-badge.svg');
     }
 
     .mx_MessageContextMenu_iconLink::before {
         mask-image: url('$(res)/img/element-icons/message/link.svg');
     }
 
     .mx_MessageContextMenu_iconPermalink::before {
-        mask-image: url('$(res)/img/element-icons/message/share.svg');
+        mask-image: url('$(res)/img/element-icons/room/share.svg');
     }
 
     .mx_MessageContextMenu_iconUnhidePreview::before {
         mask-image: url('$(res)/img/feather-customised/eye.svg');
     }
 
     .mx_MessageContextMenu_iconForward::before {
-        mask-image: url('$(res)/img/element-icons/message/corner-up-right.svg');
-    }
-
-    .mx_MessageContextMenu_iconCancel::before {
-        height: 12px;
-        left: 2px;
-        mask-image: url('$(res)/img/cancel.svg');
-        position: relative;
-        top: 2px;
-        width: 12px;
+        mask-image: url('$(res)/img/element-icons/message/fwd.svg');
     }
 
     .mx_MessageContextMenu_iconRedact::before {
-        mask-image: url('$(res)/img/feather-customised/trash.custom.svg');
+        mask-image: url('$(res)/img/element-icons/trashcan.svg');
     }
 
     .mx_MessageContextMenu_iconResend::before {
@@ -79,7 +70,7 @@ limitations under the License.
     }
 
     .mx_MessageContextMenu_iconQuote::before {
-        mask-image: url('$(res)/img/format/quote.svg');
+        mask-image: url('$(res)/img/element-icons/room/format-bar/quote.svg');
     }
 
     .mx_MessageContextMenu_iconPin::before {
diff --git a/res/img/element-icons/message/fwd.svg b/res/img/element-icons/message/fwd.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9454 4.27941C10.653 3.98601 10.6539 3.51114 10.9472 3.21875C11.2406 2.92637 11.7155 2.92719 12.0079 3.22059L15.5312 6.75612C15.8229 7.0488 15.8229 7.52226 15.5312 7.81494L12.0079 11.3505C11.7155 11.6439 11.2407 11.6447 10.9473 11.3523C10.6539 11.06 10.653 10.5851 10.9454 10.2917L13.2292 8H6.36588C4.95064 8 3.75282 9.20272 3.75282 10.75C3.75282 12.2973 4.95064 13.5 6.36588 13.5H7.93524C8.34945 13.5 8.68524 13.8358 8.68524 14.25C8.68524 14.6642 8.34945 15 7.93524 15H6.36588C4.06634 15 2.25282 13.0687 2.25282 10.75C2.25282 8.43128 4.06634 6.5 6.36588 6.5H13.1583L10.9454 4.27941Z" fill="black"/>
+</svg>
diff --git a/res/img/element-icons/warning-badge.svg b/res/img/element-icons/warning-badge.svg
@@ -1,5 +1,4 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="8" cy="8" r="8" fill="#FF4B55"/>
-    <rect x="7" y="3" width="2" height="6" rx="1" fill="white"/>
-    <rect x="7" y="11" width="2" height="2" rx="1" fill="white"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
+    <path style="fill:#ff4b55"
+          d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 3c.554 0 1 .446 1 1v4c0 .554-.446 1-1 1s-1-.446-1-1V4c0-.554.446-1 1-1zm0 8c.554 0 1 .446 1 1s-.446 1-1 1-1-.446-1-1 .446-1 1-1z"/>
 </svg>

Original file line number	Diff line number	Diff line change
`@@ -38,36 +38,27 @@ limitations under the License.`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`.mx_MessageContextMenu_iconReport::before {`
`41`		`- mask-image: url('$(res)/img/feather-customised/warning-triangle.svg');`
	`41`	`+ mask-image: url('$(res)/img/element-icons/warning-badge.svg');`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`.mx_MessageContextMenu_iconLink::before {`
`45`	`45`	`mask-image: url('$(res)/img/element-icons/message/link.svg');`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`.mx_MessageContextMenu_iconPermalink::before {`
`49`		`- mask-image: url('$(res)/img/element-icons/message/share.svg');`
	`49`	`+ mask-image: url('$(res)/img/element-icons/room/share.svg');`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`.mx_MessageContextMenu_iconUnhidePreview::before {`
`53`	`53`	`mask-image: url('$(res)/img/feather-customised/eye.svg');`
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`.mx_MessageContextMenu_iconForward::before {`
`57`		`- mask-image: url('$(res)/img/element-icons/message/corner-up-right.svg');`
`58`		`- }`
`59`		`-`
`60`		`- .mx_MessageContextMenu_iconCancel::before {`
`61`		`- height: 12px;`
`62`		`- left: 2px;`
`63`		`- mask-image: url('$(res)/img/cancel.svg');`
`64`		`- position: relative;`
`65`		`- top: 2px;`
`66`		`- width: 12px;`
	`57`	`+ mask-image: url('$(res)/img/element-icons/message/fwd.svg');`
`67`	`58`	`}`
`68`	`59`
`69`	`60`	`.mx_MessageContextMenu_iconRedact::before {`
`70`		`- mask-image: url('$(res)/img/feather-customised/trash.custom.svg');`
	`61`	`+ mask-image: url('$(res)/img/element-icons/trashcan.svg');`
`71`	`62`	`}`
`72`	`63`
`73`	`64`	`.mx_MessageContextMenu_iconResend::before {`
`@@ -79,7 +70,7 @@ limitations under the License.`
`79`	`70`	`}`
`80`	`71`
`81`	`72`	`.mx_MessageContextMenu_iconQuote::before {`
`82`		`- mask-image: url('$(res)/img/format/quote.svg');`
	`73`	`+ mask-image: url('$(res)/img/element-icons/room/format-bar/quote.svg');`
`83`	`74`	`}`
`84`	`75`
`85`	`76`	`.mx_MessageContextMenu_iconPin::before {`