Stick edit scene buttons to top (#2098)

This commit is contained in:
WithoutPants
2021-12-13 13:44:46 +11:00
committed by GitHub
parent e8447c520a
commit 310f181317
2 changed files with 12 additions and 1 deletions

View File

@@ -647,7 +647,7 @@ export const SceneEditPanel: React.FC<IProps> = ({
{renderScrapeQueryModal()}
{maybeRenderScrapeDialog()}
<Form noValidate onSubmit={formik.handleSubmit}>
<div className="form-container row px-3 pt-3">
<div className="form-container edit-buttons-container row px-3 pt-3">
<div className="edit-buttons mb-3 pl-0">
<Button
className="edit-button"

View File

@@ -509,6 +509,17 @@ input[type="range"].blue-slider {
font-size: 1.3em;
height: calc(1.5em + 0.75rem + 2px);
}
.edit-buttons-container {
background-color: #202b33;
position: sticky;
top: 0;
z-index: 3;
@media (min-width: 575px) and (max-width: 1199px) {
top: 3rem;
}
}
}
.scene-markers-panel {