Remove _RoleButton.pcss (matrix-org#10958)

luixxiul · web-flow · commit 953da1ae2ab2 · 2023-05-25T04:03:19.000Z
* Remove obsolete style rules These have been obsolete since 3c5c2be. * Remove _RoleButton.pcss mx_RoleButton_tooltip style rules are used only on NotificationBadge.tsx. * Rename the class
diff --git a/res/css/_components.pcss b/res/css/_components.pcss
@@ -196,7 +196,6 @@
 @import "./views/elements/_ReplyChain.pcss";
 @import "./views/elements/_ResizeHandle.pcss";
 @import "./views/elements/_RichText.pcss";
-@import "./views/elements/_RoleButton.pcss";
 @import "./views/elements/_RoomAliasField.pcss";
 @import "./views/elements/_SSOButtons.pcss";
 @import "./views/elements/_SearchWarning.pcss";
diff --git a/res/css/views/elements/_RoleButton.pcss b/res/css/views/elements/_RoleButton.pcss
diff --git a/res/css/views/rooms/_NotificationBadge.pcss b/res/css/views/rooms/_NotificationBadge.pcss
@@ -69,3 +69,10 @@ limitations under the License.
         }
     }
 }
+
+.mx_NotificationBadge_tooltip {
+    display: inline-block;
+    position: relative;
+    top: -25px;
+    left: 6px;
+}
diff --git a/src/components/views/rooms/NotificationBadge.tsx b/src/components/views/rooms/NotificationBadge.tsx
@@ -123,7 +123,7 @@ export default class NotificationBadge extends React.PureComponent<XOR<IProps, I
         let tooltip: JSX.Element | undefined;
         if (showUnsentTooltip && this.state.showTooltip && notification.color === NotificationColor.Unsent) {
             label = _t("Message didn't send. Click for info.");
-            tooltip = <Tooltip className="mx_RoleButton_tooltip" label={label} />;
+            tooltip = <Tooltip className="mx_NotificationBadge_tooltip" label={label} />;
         }
 
         return (

Original file line number	Diff line number	Diff line change
`@@ -69,3 +69,10 @@ limitations under the License.`
`69`	`69`	`}`
`70`	`70`	`}`
`71`	`71`	`}`
	`72`	`+`
	`73`	`+.mx_NotificationBadge_tooltip {`
	`74`	`+ display: inline-block;`
	`75`	`+ position: relative;`
	`76`	`+ top: -25px;`
	`77`	`+ left: 6px;`
	`78`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -123,7 +123,7 @@ export default class NotificationBadge extends React.PureComponent<XOR<IProps, I`
`123`	`123`	`let tooltip: JSX.Element \| undefined;`
`124`	`124`	`if (showUnsentTooltip && this.state.showTooltip && notification.color === NotificationColor.Unsent) {`
`125`	`125`	`label = _t("Message didn't send. Click for info.");`
`126`		`- tooltip = <Tooltip className="mx_RoleButton_tooltip" label={label} />;`
	`126`	`+ tooltip = <Tooltip className="mx_NotificationBadge_tooltip" label={label} />;`
`127`	`127`	`}`
`128`	`128`
`129`	`129`	`return (`