Remove unused icons & styles (#28288)

* Remove stale _LegacyRoomHeader.pcss and icons Signed-off-by: Michael Telatynski <[email protected]> * Remove unused icons Signed-off-by: Michael Telatynski <[email protected]> * Ensure legacy header styles are not used by HTML export Signed-off-by: Michael Telatynski <[email protected]> --------- Signed-off-by: Michael Telatynski <[email protected]>
element-hq · Oct 28, 2024 · f4dc904 · f4dc904
1 parent a2c7870
commit f4dc904
Show file tree

Hide file tree

Showing 15 changed files with 32 additions and 358 deletions.
diff --git a/playwright/snapshots/chat-export/html-export.spec.ts/html-export-linux.png b/playwright/snapshots/chat-export/html-export.spec.ts/html-export-linux.png
diff --git a/res/css/_components.pcss b/res/css/_components.pcss
@@ -286,7 +286,6 @@
 @import "./views/rooms/_HistoryTile.pcss";
 @import "./views/rooms/_IRCLayout.pcss";
 @import "./views/rooms/_JumpToBottomButton.pcss";
-@import "./views/rooms/_LegacyRoomHeader.pcss";
 @import "./views/rooms/_LinkPreviewGroup.pcss";
 @import "./views/rooms/_LinkPreviewWidget.pcss";
 @import "./views/rooms/_LiveContentSummary.pcss";

diff --git a/res/css/structures/_RoomView.pcss b/res/css/structures/_RoomView.pcss
@@ -181,11 +181,6 @@ Please see LICENSE files in the repository root for full details.
     }
 }
 
-/* Rooms with immersive content */
-.mx_RoomView_immersive .mx_LegacyRoomHeader_wrapper {
-    border: unset;
-}
-
 .mx_RoomView_inCall {
     .mx_RoomView_statusAreaBox_line {
         margin-top: 2px;

diff --git a/res/css/views/rooms/_LegacyRoomHeader.pcss b/res/css/views/rooms/_LegacyRoomHeader.pcss
diff --git a/res/img/camera.svg b/res/img/camera.svg
diff --git a/res/img/element-icons/call/freedom.svg b/res/img/element-icons/call/freedom.svg
diff --git a/res/img/element-icons/call/spotlight.svg b/res/img/element-icons/call/spotlight.svg
diff --git a/res/img/element-icons/reduce.svg b/res/img/element-icons/reduce.svg
diff --git a/res/img/feather-customised/edit.svg b/res/img/feather-customised/edit.svg
diff --git a/res/img/location/pointer.svg b/res/img/location/pointer.svg
diff --git a/res/img/markdown.svg b/res/img/markdown.svg
diff --git a/res/img/voip/signal-bars.svg b/res/img/voip/signal-bars.svg
diff --git a/src/utils/exportUtils/HtmlExport.tsx b/src/utils/exportUtils/HtmlExport.tsx
@@ -161,24 +161,19 @@ export default class HTMLExporter extends Exporter {
                     <div class="mx_MatrixChat_wrapper" aria-hidden="false">
                         <div class="mx_MatrixChat">
                         <main class="mx_RoomView">
-                            <div class="mx_LegacyRoomHeader light-panel">
-                            <div class="mx_LegacyRoomHeader_wrapper" aria-owns="mx_RightPanel">
-                                <div class="mx_LegacyRoomHeader_avatar">
-                                <div class="mx_DecoratedRoomAvatar">
-                                   ${roomAvatar}
-                                </div>
-                                </div>
-                                <div class="mx_LegacyRoomHeader_name">
-                                <div
-                                    dir="auto"
-                                    class="mx_LegacyRoomHeader_nametext"
-                                    title="${safeRoomName}"
-                                >
-                                    ${safeRoomName}
-                                </div>
+                            <div class="mx_Flex mx_RoomHeader light-panel">
+                                ${roomAvatar}
+                                <div class="mx_RoomHeader_infoWrapper">
+                                    <div
+                                        dir="auto"
+                                        class="mx_RoomHeader_info"
+                                        title="${safeRoomName}"
+                                    >
+                                        <span class="mx_RoomHeader_truncated mx_lineClamp">
+                                            ${safeRoomName}
+                                        </span>
+                                    </div>
                                 </div>
-                                <div class="mx_LegacyRoomHeader_topic" dir="auto"> ${safeTopic} </div>
-                            </div>
                             </div>
                             ${previousMessagesLink}
                             <div class="mx_MainSplit">

diff --git a/src/utils/exportUtils/exportCustomCSS.css b/src/utils/exportUtils/exportCustomCSS.css
@@ -130,6 +130,14 @@ a.mx_reply_anchor:hover {
     }
 }
 
+.mx_RoomHeader {
+    --mx-flex-display: flex;
+    --mx-flex-direction: row;
+    --mx-flex-align: center;
+    --mx-flex-justify: start;
+    --mx-flex-gap: var(--cpd-space-3x);
+}
+
 .mx_ReplyChain_Export {
     margin-top: 0;
     margin-bottom: 5px;