Make notebook tab rows sticky via opt-in class

[Copilot]

Notebook tab rows scroll off-screen on long form views. This adds a CSS opt-in mechanism so any notebook can have its tab row pinned to the top of the scroll container.

CSS (ui_tweaks.css)

New rule targeting .o_notebook.aps-sticky-tabs > .nav-tabs:

.o_notebook.aps-sticky-tabs > .nav-tabs {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

Follows the same opt-in attribute pattern already used for the floating TOC ([data-aps-toc="float"]). The box-shadow provides visual separation when content scrolls underneath.

Views — class="aps-sticky-tabs" applied to

• aps_resource_submission_views_for_students.xml — student submission form (icon-based tab set)
• aps_resource_submission_views.xml — teacher submission form
• aps_resource_task_views.xml — task form
• aps_resources_views.xml — resource form

Wizard notebooks (dialogs) are intentionally excluded.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Make the notebook tab row sticky so it doesnt scroll off the screen.</issue_title>
<issue_description>When a class has been added to a notebook, the tabs of that notebook will remain sticky so scrolling down will keep them in view.

Note: There might be other sticky elements on the page like the TOC.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Make the notebook tab row sticky so it doesnt scroll off the screen. #87

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.