Standardise icons using Compound Design Tokens (#28286)

* Remove stale _LegacyRoomHeader.pcss and icons Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * De-duplicate icons using Compound Design Tokens Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove stale _LegacyRoomHeader.pcss and icons Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove unused icons Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Ensure legacy header styles are not used by HTML export Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots & snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-11-14 12:34:27 +00:00
parent 5b0aa511a6
commit 9a126795a8
68 changed files with 70 additions and 135 deletions
@@ -125,7 +125,7 @@ $button-gap: 24px;
 }

 .mx_ImageView_button_download::before {
-    mask-image: url("$(res)/img/image-view/download.svg");
+    mask-image: url("@vector-im/compound-design-tokens/icons/download.svg");
 }

 .mx_ImageView_button_more::before {
@@ -32,7 +32,7 @@ Please see LICENSE files in the repository root for full details.
            background-color: $secondary-content;
            mask-position: center;
            mask-repeat: no-repeat;
-            mask-image: url("$(res)/img/element-icons/camera.svg");
+            mask-image: url("@vector-im/compound-design-tokens/icons/take-photo-solid.svg");
            mask-size: 16px;
            z-index: 2;
        }
@@ -48,7 +48,8 @@ Please see LICENSE files in the repository root for full details.
        }

        &.mx_UseCaseSelectionButton_community::before {
-            mask-image: url("$(res)/img/globe.svg");
+            mask-image: url("@vector-im/compound-design-tokens/icons/public.svg");
+            mask-size: 24px;
        }
    }