diff options
Diffstat (limited to 'chromium/chrome/browser/resources/inspect/inspect.css')
-rw-r--r-- | chromium/chrome/browser/resources/inspect/inspect.css | 55 |
1 files changed, 39 insertions, 16 deletions
diff --git a/chromium/chrome/browser/resources/inspect/inspect.css b/chromium/chrome/browser/resources/inspect/inspect.css index 52852939d1e..81d280fd4b8 100644 --- a/chromium/chrome/browser/resources/inspect/inspect.css +++ b/chromium/chrome/browser/resources/inspect/inspect.css @@ -14,6 +14,7 @@ body { } img { + flex-shrink: 0; height: 16px; padding-left: 2px; padding-right: 5px; @@ -41,6 +42,10 @@ img { padding-left: 20px; } +#serviceworker-internals { + visibility: hidden; +} + .tab-header { -webkit-border-start: 6px solid transparent; padding-left: 15px; @@ -131,9 +136,10 @@ img { } .browser-header { - -webkit-box-align: center; - -webkit-box-orient: horizontal; - display: -webkit-box; + align-items: center; + display: flex; + flex-flow: row wrap; + min-height: 23px; padding-top: 10px; } @@ -147,14 +153,18 @@ img { position: relative; } +.properties-box { + display: flex; +} + .subrow-box { display: inline-block; vertical-align: top; } .subrow { - -webkit-box-orient: horizontal; - display: -webkit-box; + display: flex; + flex-flow: row wrap; } .subrow > div { @@ -211,8 +221,12 @@ img { text-decoration: underline; } +.browser-header .action { + margin-left: 10px; +} + .list:not(.pages) .subrow { - height: 19px; + min-height: 19px; } .action.disabled { @@ -239,14 +253,12 @@ img { } #device-settings { + align-items: center; border-bottom: 1px solid #eee; + display: flex; padding: 5px 0; } -#device-settings input { - vertical-align: middle; -} - #device-settings button { margin-left: 15px; } @@ -263,6 +275,16 @@ img { top: 0; } +.warning { + background-image: -webkit-image-set(url('chrome://theme/IDR_WARNING') 1x, + url('chrome://theme/IDR_WARNING@2x') 2x); + background-position: 0 center; + background-repeat: no-repeat; + background-size:24px 21px; + margin-left: 3px; + padding-left: 25px; +} + #port-forwarding-overlay:not(.open) { display: none; } @@ -359,15 +381,16 @@ img { opacity: 0.5; } -#port-forwarding-enable { - vertical-align: middle; +#port-forwarding-message { + margin-bottom: 12px; + width: 20em; } -#port-forwarding-config-buttons > button { - float: right; +#port-forwarding-config-buttons { + align-items: center; + display: flex; } #port-forwarding-config-buttons > label { - position: relative; - top: 5px; + flex-grow: 1 } |