this repo has no description

moonbase: make advice sticky

Changed files
+14 -5
packages
core-extensions
src
moonbase
webpackModules
+7
packages/core-extensions/src/moonbase/style.css
···
justify-content: space-between;
}
+
.moonbase-help-message-sticky {
+
position: sticky;
+
top: 24px;
+
z-index: 10;
+
background-color: var(--background-primary);
+
}
+
.moonbase-extension-update-section {
margin-top: 15px;
}
+7 -5
packages/core-extensions/src/moonbase/webpackModules/ui/RestartAdvice.tsx
···
if (restartAdvice === RestartAdvice.NotNeeded) return null;
return (
-
<HelpMessage text={strings[restartAdvice]} icon={CircleWarningIcon} type="warning">
-
<Button color={Button.Colors.YELLOW} size={Button.Sizes.TINY} onClick={actions[restartAdvice]}>
-
{buttonStrings[restartAdvice]}
-
</Button>
-
</HelpMessage>
+
<div className="moonbase-help-message-sticky">
+
<HelpMessage text={strings[restartAdvice]} icon={CircleWarningIcon} type="warning">
+
<Button color={Button.Colors.YELLOW} size={Button.Sizes.TINY} onClick={actions[restartAdvice]}>
+
{buttonStrings[restartAdvice]}
+
</Button>
+
</HelpMessage>
+
</div>
);
}