Where can I find Traffic Sequence in the Dashboard?
I've looked in seemingly every menu/page of the dashboard and can't find the Traffic Sequence anywhere. Am I missing some account setting or something?
10 Replies
It will be under any section that is a part of it. Do you see it here: https://dash.cloudflare.com/?to=/:account/:zone/security/waf/custom-rules
You might need to zoom in or out in your browser, in my experience it doesn't show up on all screen sizes
It appears to be an issue with Microsoft Edge browser. When I use Firefox or Chrome, I can see it. I've tried disabling all security and privacy settings that I can find, running in Incognito mode with no extensions enabled etc...
When I inspect the DOM, the Traffic Sequence is there... So, it seems the CSS is broken in some way. I cant find what it might be. The only difference that I see is that on some of the elements there's a "user agent stylesheet" that adds "display: block". Again, I cant find any browser settings that remove/change this. Moreover, I've tried manually setting other user agents as well as setting Chrome's agent to Edge, and it doesn't help.
Any suggestions?
Ah! I found it. It is due to Edge's Vertical Tabs feature. It adds this CSS for some reason, which then interferes with the site, as @joelsz suggested.
Actually, I was wrong. This isn't from Edge at all. It is Cloudflare. This is in the HTML, regardless of vertical tabs.
<style data-fela-type="RULE" type="text/css" media="(max-width: 1900px)"></style>
If I make the window narrower when Vertical Tabs is turned off, the above style is added/applied. Its just that when Vertical tabs is turned on, it bumps my width down from 1920 to something like 1820. This means that anyone with this VERY common monitor width cannot see Traffic Sequence except with a full screen, and even then they can't see it if they have any browser sidebars enabled.
Surely this is just poor website design, no? Traffic Sequence is an enormously useful feature, and therefore should have far better responsiveness. Moreover, there's AMPLE horizontal whitespace available
How would I raise this as an issue with the CF dev team?
There could also be some padding added to this element as it hugs the edge of the screen on 1920 despite there being like 500px of whitespace to the left of the main content area.
100px of padding seems to work fine.
<div class="c_gk c_d" style="
padding-right: 100px;
All of this means that the max-width could probably be reduced from 1900px to 1600px, or perhaps even less. Someone who understands CSS and design could surely choose the right settings.
I've solved this for myself by using the User CSS extension and adding these rules for dash.cloudflare.com.
.c_gk.c_d {
padding-right: 300px;
}
.c_iw {
display: block;
}
https://chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb
But I think the design could and should be improved significantly
User CSS
A quick and easy way to add custom CSS to the current web site.
I’d recommend making a post on community
Thanks! I'll do that soon