-
Notifications
You must be signed in to change notification settings - Fork 504
Add media query to modify dashboard appearance on large screens #443
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. Weβll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
Golden Buoy Award for this branch |
@siggy - I've now coerced it into doing that. It kiiiiind of breaks the idea that we were doing responsive columns, a la bootstrap, but it does look less weird. This is what it looks like now, let me know what you think: |
β π i think it looks great! we can always double back at some point to get more responsiveness. |
8e921a9
to
cd8e26d
Compare
/* globals UpdateableChart */ | ||
/* exported ClientSuccessRateGraph */ | ||
var ClientSuccessRateGraph = (function() { | ||
var columnGridPadding = 27; // grom our css grid setup |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
hehe this is our fav number π© π°
cd8e26d
to
844accc
Compare
The telemetry service in the controller pod uses a non-fully qualified URL to connect to the prometheus pod in the control plane. This PR changes the URL the telemetry's prometheus URL to be fully qualified to be consistent with other URLs in the control plane. This change was tested in minikube. The logs report no errors and looking at the prometheus dashboard shows that stats are being recorded from all conduit proxies. fixes linkerd#414 Signed-off-by: Dennis Adjei-Baah [email protected]
Fixes #412
I used viewport widths rather than pixels, and guestimated on reasonable values for our col-md choices.
Now if you widen the window the dashboard will scale.
Let me know what you think. Latency table does look a little weird.
Here are some screenshots of various widths: