diff --git a/res/css/_common.pcss b/res/css/_common.pcss index dd09d912a3..26d4033c0e 100644 --- a/res/css/_common.pcss +++ b/res/css/_common.pcss @@ -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 { diff --git a/res/css/views/rooms/_AppsDrawer.pcss b/res/css/views/rooms/_AppsDrawer.pcss index c6e141497d..4580b9c133 100644 --- a/res/css/views/rooms/_AppsDrawer.pcss +++ b/res/css/views/rooms/_AppsDrawer.pcss @@ -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; diff --git a/src/components/views/elements/AppPermission.tsx b/src/components/views/elements/AppPermission.tsx index 23187850d4..33ca2ba4d4 100644 --- a/src/components/views/elements/AppPermission.tsx +++ b/src/components/views/elements/AppPermission.tsx @@ -115,7 +115,7 @@ export default class AppPermission extends React.Component { const warningTooltip = (