X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fnetmonitor.css;h=b1e7b189c049400896df2d673c4eebbc58098678;hp=2e6ad81390c555cb408ea4a8ca5706c50a357526;hb=de57e474d3ff2537ba1a6e54223db3212b7a553c;hpb=f30073a6e9628fead25132bc4464fabe25ee52a1 diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css index 2e6ad813..b1e7b189 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/browser/devtools/netmonitor.css @@ -7,13 +7,13 @@ window { padding: 0; } -/* Network requests table */ - #body { background-color: #000000; } -.requests-menu-empty-notice { +/* Network requests table */ + +#requests-menu-empty-notice { background-color: #A09090; border-radius: 8px; padding: 12px; @@ -29,10 +29,6 @@ window { display: none; } -.requests-menu-header { - text-align: center; -} - .requests-menu-header:first-child { -moz-padding-start: 4px; -moz-margin-start: 4px; @@ -51,14 +47,18 @@ window { #requests-menu-status-button { background-color: transparent; border-radius: 0; - min-width: 10px; + min-width: 20px; margin: 0; + font-weight: inherit !important; transition: background-color 0.1s ease-in-out; } .requests-menu-header-button > .button-box, #requests-menu-status-button > .button-box { border-radius: 0; + -moz-padding-start: 0; + -moz-padding-end: 0; + border: 0; } .requests-menu-header-button:hover { @@ -133,6 +133,8 @@ window { .requests-menu-status { background-color: #A09090; + -moz-margin-start: 5px; + -moz-margin-end: 5px; border-radius: 20px; border: 1px solid #000000; transition: background-color 0.5s ease-in-out; @@ -171,7 +173,6 @@ window { -moz-padding-start: 4px; -moz-border-start: 1px dotted #000000; font-size: 90%; - text-align: left; pointer-events: none; } @@ -179,6 +180,14 @@ window { -moz-margin-start: -100px !important; /* Don't affect layout. */ } +.requests-menu-timings-division:-moz-locale-dir(ltr) { + transform-origin: left center; +} + +.requests-menu-timings-division:-moz-locale-dir(rtl) { + transform-origin: right center; +} + /* Network requests table: waterfall items */ .requests-menu-subitem.requests-menu-waterfall { @@ -189,15 +198,30 @@ window { margin-bottom: -1px; } -.requests-menu-timings { +.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) { + background-position: right center; +} + +.requests-menu-timings:-moz-locale-dir(ltr) { + transform-origin: left center; +} + +.requests-menu-timings:-moz-locale-dir(rtl) { + transform-origin: right center; +} + +.requests-menu-timings-total:-moz-locale-dir(ltr) { transform-origin: left center; } +.requests-menu-timings-total:-moz-locale-dir(rtl) { + transform-origin: right center; +} + .requests-menu-timings-total { -moz-padding-start: 8px; font-size: 85%; font-weight: 600; - transform-origin: left center; } .requests-menu-timings-cap { @@ -208,16 +232,33 @@ window { .requests-menu-timings-cap.start { -moz-border-end: none; +} + +.requests-menu-timings-cap.end { + -moz-border-start: none; +} + +.requests-menu-timings-cap.start:-moz-locale-dir(ltr) { border-radius: 4px 0 0 4px; transform-origin: right center; } -.requests-menu-timings-cap.end { +.requests-menu-timings-cap.start:-moz-locale-dir(rtl) { -moz-border-start: none; border-radius: 0 4px 4px 0; transform-origin: left center; } +.requests-menu-timings-cap.end:-moz-locale-dir(ltr) { + border-radius: 0 4px 4px 0; + transform-origin: left center; +} + +.requests-menu-timings-cap.end:-moz-locale-dir(rtl) { + border-radius: 4px 0 0 4px; + transform-origin: right center; +} + .requests-menu-timings-box { height: 10px; border-top: 1px solid #FFCF00; @@ -254,12 +295,14 @@ window { background-color: #A09090; } -.side-menu-widget-item:nth-child(even) { - background: rgba(255,159,0,0.1); +/* SideMenuWidget */ + +.side-menu-widget-container { + box-shadow: none !important; } -.side-menu-widget-item-contents { - padding: 0px 4px; +.side-menu-widget-item:nth-child(even) { + background: rgba(255,159,0,0.1); } /* Network request details */ @@ -303,7 +346,6 @@ window { .tabpanel-summary-value { -moz-padding-start: 3px; - font-family: "Liberation Mono", Consolas, "Courier New", monospace; } /* Headers tabpanel */ @@ -317,8 +359,20 @@ window { padding-top: 2px; } +#headers-summary-resend { + margin: 0 6px; +/* min-height: 20px;*/ +} + /* Response tabpanel */ +#response-content-info-header { + background-color: #A09090; + color: #000000; + margin: 0; + padding: 5px 8px; +} + #response-content-image-box { padding-top: 10px; padding-bottom: 10px; @@ -345,6 +399,65 @@ window { transition: transform 0.2s ease-out; } +/* Custom request form */ + +#custom-pane { + padding: 0.6em 0.5em; +} + +.custom-header { + font-size: 1.1em; +} + +.custom-section { + margin-top: 0.5em; +} + +#custom-method-value { + width: 4.5em; +} + +/* Footer */ + +#requests-menu-footer { + border-top: 1px solid #9C9CFF; + padding-top: 3px; +} + +.requests-menu-footer-button, +.requests-menu-footer-label { + min-width: 1em; + margin: 0; + -moz-margin-end: 3px; + border: none; + padding: 0px 1.5vw; +/* color: #fff;*/ +} + +.requests-menu-footer-spacer { + min-width: 2px; +} + +.requests-menu-footer-spacer, +.requests-menu-footer-button { +} + +.requests-menu-footer-button { +} + +.requests-menu-footer-button:hover { +} + +.requests-menu-footer-button:hover:active { +} + +.requests-menu-footer-button:not(:active)[checked] { +} + +.requests-menu-footer-label { + font-weight: 600; +} + /* Responsive sidebar */ @media (max-width: 700px) { #requests-menu-toolbar { @@ -352,7 +465,12 @@ window { } .requests-menu-header-button { - min-height: 23px; /* Remaining 1px comes from border of the button. */ + min-height: 23px; /* Remaining 1px comes from border of the toolbar. */ + } + + .requests-menu-footer-button, + .requests-menu-footer-label { + padding: 0px 2vw; } #details-pane { @@ -362,13 +480,12 @@ window { } .requests-menu-status-and-method { - width: 14vw; + width: 16vw; } .requests-menu-file, .requests-menu-domain { width: 30vw; - min-width: 10em; } .requests-menu-type {