OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Remove `_RoleButton.pcss` (#10958) 

* Remove obsolete style rules

These have been obsolete since 3c5c2bef6d.

* Remove _RoleButton.pcss

mx_RoleButton_tooltip style rules are used only on NotificationBadge.tsx.

* Rename the class
pull/28788/head^2
Suguru Hirahara 2023-05-25 04:03:19 +00:00 committed by GitHub
parent 02bf39cc72
commit 953da1ae2a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
res/css/_components.pcss
View File

@ -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";

33
res/css/views/elements/_RoleButton.pcss
View File

@ -1,33 +0,0 @@
/*
Copyright 2017 Vector Creations Ltd
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_RoleButton {
margin-left: 4px;
margin-right: 4px;
cursor: pointer;
display: inline-block;
}
.mx_RoleButton object {
pointer-events: none;
}
.mx_RoleButton_tooltip {
display: inline-block;
position: relative;
top: -25px;
left: 6px;
}

7
res/css/views/rooms/_NotificationBadge.pcss
View File

@ -69,3 +69,10 @@ limitations under the License.
}
}
}
.mx_NotificationBadge_tooltip {
display: inline-block;
position: relative;
top: -25px;
left: 6px;
}

2
src/components/views/rooms/NotificationBadge.tsx
View File

@ -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 (