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

Fix widget permission tooltip style rules by applying the naming policy properly (#10916)

pull/28217/head
Suguru Hirahara 2023-05-17 08:51:18 +00:00 committed by GitHub
parent ae0fe051b0
commit 7917d973e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
res/css/components/views/elements/_AppPermission.pcss
View File

@ -53,25 +53,25 @@ limitations under the License.
mask-image: url("$(res)/img/feather-customised/help-circle.svg"); mask-image: url("$(res)/img/feather-customised/help-circle.svg");
} }
} }
}
.mx_AppPermission_tooltip { .mx_Tooltip.mx_Tooltip--appPermission {
box-shadow: none; box-shadow: none;
background-color: $tooltip-timeline-bg-color; background-color: $tooltip-timeline-bg-color;
color: $tooltip-timeline-fg-color; color: $tooltip-timeline-fg-color;
border: none; border: none;
border-radius: 3px; border-radius: 3px;
padding: 6px 8px; padding: 6px 8px;
&.mx_AppPermission_tooltip--dark { &.mx_Tooltip--appPermission--dark {
.mx_Tooltip_chevron::after { .mx_Tooltip_chevron::after {
border-right-color: $tooltip-timeline-bg-color; border-right-color: $tooltip-timeline-bg-color;
}
}
ul {
list-style-position: inside;
padding-left: 2px;
margin-left: 0;
} }
} }
ul {
list-style-position: inside;
padding-left: 2px;
margin-left: 0;
}
} }

2
src/components/views/elements/AppPermission.tsx
View File

@ -115,7 +115,7 @@ export default class AppPermission extends React.Component<IProps, IState> {
const warningTooltip = ( const warningTooltip = (
<TextWithTooltip <TextWithTooltip
tooltip={warningTooltipText} tooltip={warningTooltipText}
tooltipClass="mx_AppPermission_tooltip mx_AppPermission_tooltip--dark" tooltipClass="mx_Tooltip--appPermission mx_Tooltip--appPermission--dark"
> >
<span className="mx_AppPermission_helpIcon" /> <span className="mx_AppPermission_helpIcon" />
</TextWithTooltip> </TextWithTooltip>