aboutsummaryrefslogtreecommitdiff
path: root/src/components/PluginSettings/index.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/PluginSettings/index.tsx')
-rw-r--r--src/components/PluginSettings/index.tsx14
1 files changed, 13 insertions, 1 deletions
diff --git a/src/components/PluginSettings/index.tsx b/src/components/PluginSettings/index.tsx
index 6ad9750..1a2e78f 100644
--- a/src/components/PluginSettings/index.tsx
+++ b/src/components/PluginSettings/index.tsx
@@ -145,7 +145,19 @@ function PluginCard({ plugin, disabled, onRestartNeeded, onMouseEnter, onMouseLe
onChange={toggleEnabled}
disabled={disabled}
value={isEnabled()}
- note={<Text variant="text-md/normal" style={{ height: 40, overflow: "hidden" }}>{plugin.description}</Text>}
+ note={<Text variant="text-md/normal" style={{
+ height: 40,
+ overflow: "hidden",
+ // mfw css is so bad you need whatever this is to get multi line overflow ellipsis to work
+ textOverflow: "ellipsis",
+ display: "-webkit-box", // firefox users will cope (it doesn't support it)
+ WebkitLineClamp: 2,
+ lineClamp: 2,
+ WebkitBoxOrient: "vertical",
+ boxOrient: "vertical"
+ }}>
+ {plugin.description}
+ </Text>}
hideBorder={true}
>
<Flex style={{ marginTop: "auto", width: "100%", height: "100%", alignItems: "center" }}>