diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx index 0347acf1e..7464844dc 100644 --- a/apps/client/src/layouts/desktop_layout.tsx +++ b/apps/client/src/layouts/desktop_layout.tsx @@ -130,7 +130,6 @@ export default class DesktopLayout { .child() .child() ) - .child() .child(new WatchedFileUpdateStatusWidget()) .child() .child( @@ -150,6 +149,7 @@ export default class DesktopLayout { .child() .child() ) + .child() .child() .child() .child() diff --git a/apps/client/src/stylesheets/theme-next/ribbon.css b/apps/client/src/stylesheets/theme-next/ribbon.css index 3101339be..a518e05dc 100644 --- a/apps/client/src/stylesheets/theme-next/ribbon.css +++ b/apps/client/src/stylesheets/theme-next/ribbon.css @@ -183,13 +183,10 @@ ul.editability-dropdown li.dropdown-item > div { * Styling as a floating toolbar */ .ribbon-container { - background: var(--card-background-color); - box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); - margin: 10px; - border-radius: 6px; - padding: 5px 0; - - .ribbon-body { - border-bottom: 0; - } + position: sticky; + top: 0; + left: 0; + right: 0; + background: var(--main-background-color); + z-index: 997; }