+
+/* Responsive sidebar */
+@media (max-width: 700px) {
+ #requests-menu-toolbar {
+ height: 24px;
+ }
+
+ .requests-menu-header-button {
+ min-height: 23px; /* Remaining 1px comes from border of the button. */
+ }
+
+ #details-pane {
+ max-width: none;
+ margin: 0 !important;
+ /* To prevent all the margin hacks to hide the sidebar. */
+ }
+
+ .requests-menu-status-and-method {
+ width: 14vw;
+ }
+
+ .requests-menu-file,
+ .requests-menu-domain {
+ width: 30vw;
+ min-width: 10em;
+ }
+
+ .requests-menu-type {
+ width: 8vw;
+ }
+
+ .requests-menu-size {
+ width: 16vw;
+ border-width: 0 !important;
+ box-shadow: none !important;
+ /* The "Timeline" header is not visible anymore, and thus the
+ right border and box-shadow of "Size" column should be hidden. */
+ }
+}
+
+@media (min-width: 701px) {
+ #network-table[type-overflows] .requests-menu-domain {
+ border-width: 0 !important;
+ box-shadow: none !important;
+ /* The "Type" header is not visible anymore, and thus the
+ right border and box-shadow of "Domain" column should be hidden. */
+ }
+
+ #network-table[domain-overflows] .requests-menu-file {
+ border-width: 0 !important;
+ box-shadow: none !important;
+ /* The "Domain" header is not visible anymore, and thus the
+ right border and box-shadow of "File" column should be hidden. */
+ }
+}