Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(64)

Unified Diff: tracing/tracing/ui/base/overlay.html

Issue 3002533002: Switch tracing to new flexbox. (Closed)
Patch Set: Created 3 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: tracing/tracing/ui/base/overlay.html
diff --git a/tracing/tracing/ui/base/overlay.html b/tracing/tracing/ui/base/overlay.html
index 4f842ca4f71bd47db3d1bae7eb33fe4a79af6ddd..9b1014d63b404ce4cbc6bc30ae45ac71fbd75c9d 100644
--- a/tracing/tracing/ui/base/overlay.html
+++ b/tracing/tracing/ui/base/overlay.html
@@ -21,7 +21,7 @@ found in the LICENSE file.
font-family: sans-serif;
-webkit-justify-content: center;
background: rgba(0, 0, 0, 0.8);
- display: -webkit-flex;
+ display: flex;
height: 100%;
left: 0;
position: fixed;
@@ -33,32 +33,31 @@ found in the LICENSE file.
}
overlay-vertical-centering-container {
-webkit-justify-content: center;
- -webkit-flex-direction: column;
- display: -webkit-flex;
+ flex-direction: column;
+ display: flex;
}
overlay-frame {
z-index: 1100;
background: rgb(255, 255, 255);
border: 1px solid #ccc;
margin: 75px;
- display: -webkit-flex;
- -webkit-flex-direction: column;
+ display: flex;
+ flex-direction: column;
min-height: 0;
}
title-bar {
-webkit-align-items: center;
- -webkit-flex-direction: row;
+ flex-direction: row;
border-bottom: 1px solid #ccc;
background-color: #ddd;
- display: -webkit-flex;
+ display: flex;
padding: 5px;
- -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
}
title {
display: inline;
font-weight: bold;
- -webkit-box-flex: 1;
- -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
}
close-button {
-webkit-align-self: flex-end;
@@ -76,9 +75,9 @@ found in the LICENSE file.
cursor: pointer;
}
overlay-content {
- display: -webkit-flex;
- -webkit-flex: 1 1 auto;
- -webkit-flex-direction: column;
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
overflow-y: auto;
padding: 10px;
min-width: 300px;
@@ -87,9 +86,9 @@ found in the LICENSE file.
button-bar {
-webkit-align-items: baseline;
border-top: 1px solid #ccc;
- display: -webkit-flex;
- -webkit-flex: 0 0 auto;
- -webkit-flex-direction: row-reverse;
+ display: flex;
+ flex: 0 0 auto;
+ flex-direction: row-reverse;
padding: 4px;
}
</style>
« no previous file with comments | « tracing/tracing/ui/base/list_and_associated_view.css ('k') | tracing/tracing/ui/extras/about_tracing/common.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698