Force show divider for partial width bottom-attached UI

Currently, the BottomAttachedUiObserver will watch bottom-attached UI and pass along a color signal to set the OS navbar color to match any UI bordering the bottom of the tab. When matching the web content background, or this bottom-attached UI, the divider is set to the same color for a polished, streamlined look.

This looks a bit odd when the bottom-attached UI doesn't extend the full width, which can happen on landscape orientation or large devices (i.e. tablets), when the screen is over a certain width. For these cases, Chrome should show the divider.

Overlay panel: https://screenshot.googleplex.com/7JERBcXSYwiW5Pa.png

Overlay panel (tab group): https://screenshot.googleplex.com/6pDnr7okTPLyfMb.png

Bottom sheet: https://screenshot.googleplex.com/B5vhphZAhkSpiGo.png

Tablet:
https://screenshot.googleplex.com/8SH7dcTEWDGnAsY.png
https://screenshot.googleplex.com/9n7fhW3RzWg7UnG.png

Demo: https://screencast.googleplex.com/cast/NjIyMjYzOTYyOTU5ODcyMHxlNDM2Mzc3My0xZA

Bug: 339309811
Change-Id: I4f83d47a7419e5eab3d4029a6fb79467d468c95f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5532728
Reviewed-by: Matthew Jones <mdjones@chromium.org>
Reviewed-by: Wenyu Fu <wenyufu@chromium.org>
Code-Coverage: findit-for-me@appspot.gserviceaccount.com <findit-for-me@appspot.gserviceaccount.com>
Commit-Queue: Charles Hager <clhager@google.com>
Cr-Commit-Position: refs/heads/main@{#1302888}
12 files changed
tree: 14af5eaa75cdbc16dd4002f8c64ba60c50749afb
  1. android_webview/
  2. apps/
  3. ash/
  4. base/
  5. build/
  6. build_overrides/
  7. buildtools/
  8. cc/
  9. chrome/
  10. chromecast/
  11. chromeos/
  12. codelabs/
  13. components/
  14. content/
  15. courgette/
  16. crypto/
  17. dbus/
  18. device/
  19. docs/
  20. extensions/
  21. fuchsia_web/
  22. gin/
  23. google_apis/
  24. google_update/
  25. gpu/
  26. headless/
  27. infra/
  28. ios/
  29. ipc/
  30. media/
  31. mojo/
  32. native_client_sdk/
  33. net/
  34. pdf/
  35. ppapi/
  36. printing/
  37. remoting/
  38. rlz/
  39. sandbox/
  40. services/
  41. skia/
  42. sql/
  43. storage/
  44. styleguide/
  45. testing/
  46. third_party/
  47. tools/
  48. ui/
  49. url/
  50. webkit/
  51. .clang-format
  52. .clang-tidy
  53. .clangd
  54. .eslintrc.js
  55. .git-blame-ignore-revs
  56. .gitallowed
  57. .gitattributes
  58. .gitignore
  59. .gitmodules
  60. .gn
  61. .mailmap
  62. .rustfmt.toml
  63. .vpython3
  64. .yapfignore
  65. ATL_OWNERS
  66. AUTHORS
  67. BUILD.gn
  68. CODE_OF_CONDUCT.md
  69. codereview.settings
  70. CPPLINT.cfg
  71. DEPS
  72. DIR_METADATA
  73. LICENSE
  74. LICENSE.chromium_os
  75. OWNERS
  76. PRESUBMIT.py
  77. PRESUBMIT_test.py
  78. PRESUBMIT_test_mocks.py
  79. README.md
  80. WATCHLISTS
README.md

Logo Chromium

Chromium is an open-source browser project that aims to build a safer, faster, and more stable way for all users to experience the web.

The project's web site is https://www.chromium.org.

To check out the source code locally, don't use git clone! Instead, follow the instructions on how to get the code.

Documentation in the source is rooted in docs/README.md.

Learn how to Get Around the Chromium Source Code Directory Structure.

For historical reasons, there are some small top level directories. Now the guidance is that new top level directories are for product (e.g. Chrome, Android WebView, Ash). Even if these products have multiple executables, the code should be in subdirectories of the product.

If you found a bug, please file it at https://crbug.com/new.