siso: webui restructure app shell css

Make the header sticky and give it a known fixed height that the navrail
can position itself relative to.

Do this instead of fixing the app shell and setting `overflow: hidden`
on the body then needing to set `overflow: scroll-y` on the inner page
content, such that we can rely on the browser's native understanding of
where the scrollbar should be when navigating back and forth + not break
browsers that try to be fancy with collapsing their chrome on scroll

While we're at it, add a right margin so that we're actually doing a MD3
style "card" as the inner page content.

Change-Id: I0858991e7c46b7ddde9c9fe2d67a181c6a6a6964
Reviewed-on: https://chromium-review.googlesource.com/c/build/+/8131407
Reviewed-by: Marc Jin <jmarc@google.com>
Commit-Queue: Richard Wang <richardwa@google.com>
1 file changed
tree: 29a911d494b5db23218b99a8b47ec6043c24cbb2
  1. bench/
  2. gong/
  3. hashigo/
  4. infra/
  5. kajiya/
  6. kzipinfo/
  7. remote-apis/
  8. runmc/
  9. siso/
  10. .gitignore
  11. .golangci.yml
  12. .style.yapf
  13. BUILD_OWNERS
  14. BUILD_TEAM_OWNERS
  15. CONTRIBUTING.md
  16. LICENSE
  17. OWNERS
  18. PRESUBMIT.py
  19. README.md
  20. WATCHLISTS
README.md

build.git repository

This repository contains tools developed and owned by the Chrome Build Team.

Quick start

The steps for getting the code are:

  1. Install depot_tools
  2. Run git clone https://chromium.googlesource.com/build

We use the standard Go module workflow to work on our projects.

Links