Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-15 20:54:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Remove mixin mx_Tooltip_dark and rename class mx_Tooltip_dark (#10801)

Browse Source 
* Remove a mixin - mx_Tooltip_dark

The mixin has been used on `_AppsDrawer.pcss` only.

* Rename mx_Tooltip_dark based on the naming policy

'mx_Tooltip_dark' has been used on `AppPermission.tsx` only.
This commit is contained in:
Suguru Hirahara 2023-05-08 03:01:00 +00:00 committed by GitHub
parent 0fb4f42434
commit 53fcb0c36e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
res/css/_common.pcss
View File

@ -695,22 +695,6 @@ legend {
color: $username-variant8-color;
}
@define-mixin mx_Tooltip_dark {
box-shadow: none;
background-color: $tooltip-timeline-bg-color;
color: $tooltip-timeline-fg-color;
border: none;
border-radius: 3px;
padding: 6px 8px;
}
/* This is a workaround for our mixins not supporting child selectors */
.mx_Tooltip_dark {
.mx_Tooltip_chevron::after {
border-right-color: $tooltip-timeline-bg-color;
}
}
@define-mixin ProgressBarColour $colour {
color: $colour;
&::-moz-progress-bar {

13
res/css/views/rooms/_AppsDrawer.pcss
View File

@ -359,7 +359,18 @@ $MinWidth: 240px;
}
.mx_AppPermissionWarning_tooltip {
@mixin mx_Tooltip_dark;
box-shadow: none;
background-color: $tooltip-timeline-bg-color;
color: $tooltip-timeline-fg-color;
border: none;
border-radius: 3px;
padding: 6px 8px;
&.mx_AppPermissionWarning_tooltip--dark {
.mx_Tooltip_chevron::after {
border-right-color: $tooltip-timeline-bg-color;
}
}
ul {
list-style-position: inside;

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

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