artin/sourcegraph
1
0
Fork 0
mirror of https://github.com/sourcegraph/sourcegraph.git synced 2026-02-06 20:11:54 +00:00
Code Issues Packages Projects Releases Wiki Activity
main
sourcegraph/doc/admin/observability/index.md
Tim Lucas 2784246a7a
Improve readability on small screens and reduce layout shift (#55600) 
Various cleanups to improve reading docs on small screens and layout
shifts on page load:

* Reduces the horizontal padding on small screens
* Stacks the getting started boxes vertically on small screens (I
believe there are similar `.card` styles that also need fixing)
* Removes the top margin on the sidebar which is causing a weird body
scroll
* Fixes the layout shift that happens on load for search box and index
page header image

| Before | After |
| - | - |
| <img width="686" alt="Screenshot 2023-08-07 at 4 40 28 pm"
src="https://github.com/sourcegraph/sourcegraph/assets/153/1f7b4716-e2ad-4e14-9de5-c5914aa8c639">
| <img width="686" alt="Screenshot 2023-08-07 at 4 39 58 pm"
src="https://github.com/sourcegraph/sourcegraph/assets/153/6c0c7ebc-de53-48bc-86ab-638ebc84aa00">
|
| <img width="686" alt="Screenshot 2023-08-07 at 4 40 34 pm"
src="https://github.com/sourcegraph/sourcegraph/assets/153/669990b0-9392-4c0f-bdf2-ad7d3be91809">
| <img width="686" alt="Screenshot 2023-08-07 at 4 40 10 pm"
src="https://github.com/sourcegraph/sourcegraph/assets/153/cc7759be-b61a-4e28-ac10-58ff82f6ffcf">
|
| <img width="269" alt="Screenshot 2023-08-07 at 4 41 21 pm"
src="https://github.com/sourcegraph/sourcegraph/assets/153/699d7e4c-05c6-481f-bb04-1e15ca711888">
| <img width="266" alt="Screenshot 2023-08-07 at 4 41 12 pm"
src="https://github.com/sourcegraph/sourcegraph/assets/153/7fe6c15a-f8de-4b42-a117-ec0d90193214">
|

Loading layout jank before:


https://github.com/sourcegraph/sourcegraph/assets/153/182ec700-158e-439b-9de9-3a6fdf8ca79a

Loading layout jank after:


https://github.com/sourcegraph/sourcegraph/assets/153/aae86d19-79b2-4375-a7f1-7df6d183c975

## Test plan

- In browser tested different themes and screen sizes
2023-08-07 08:54:41 -07:00

1.4 KiB
Raw Permalink Blame History

Observability

A key pillar of production readiness is the ability to observe, monitor, and analyze the health and state of the system. Sourcegraph is designed, and ships with, a number of observability tools and capabilities to meet enterprise production readiness criteria.

Guides

Reference

Support

For help configuring observability on your Sourcegraph instance, use our public issue tracker.