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

Unified Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2562393003: MD WebUI: Simplify cr-toolbar CSS (Closed)
Patch Set: Created 4 years 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: chrome/browser/resources/md_history/app.vulcanized.html
diff --git a/chrome/browser/resources/md_history/app.vulcanized.html b/chrome/browser/resources/md_history/app.vulcanized.html
index 971bc5f59d49aab99dd9c1c737b37067de742c0f..29f719ec4161a6a84877df321b607e5939f15ebf 100644
--- a/chrome/browser/resources/md_history/app.vulcanized.html
+++ b/chrome/browser/resources/md_history/app.vulcanized.html
@@ -1979,27 +1979,14 @@ h1 {
justify-content: center;
}
-:host([narrow_]) #centeredContent {
- -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
-}
-
-:host(:not([narrow_])) h1 {
- ;
-}
-
:host(:not([narrow_])) #leftContent {
max-width: calc((100% - var(--cr-toolbar-field-width)) / 2);
- ;
}
:host(:not([narrow_])) #centeredContent {
-webkit-margin-start: var(--cr-toolbar-field-margin, 0);
}
-:host(:not([narrow_])) #rightContent {
- position: var(--cr-toolbar-right-content-wide_-_position); left: var(--cr-toolbar-right-content-wide_-_left); right: var(--cr-toolbar-right-content-wide_-_right);
-}
-
:host([narrow_]) #centeredContent {
justify-content: flex-end;
}
@@ -2008,6 +1995,20 @@ h1 {
opacity: 0;
}
+#rightContent {
+ -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
+}
+
+:host(:not([narrow_])) #rightContent {
+ position: absolute;
+ right: 0;
+}
+
+:host-context([dir=rtl]):host(:not([narrow_])) #rightContent {
+ right: auto;
+ left: 0;
+}
+
#menuPromo {
-webkit-padding-end: 12px;
-webkit-padding-start: 8px;
@@ -2030,7 +2031,7 @@ h1 {
#menuPromo::before {
background: inherit;
- clip-path: polygon(0 105%, 100% 105%, 50% 0);
+ clip-path: polygon(0 105%, 100% 105%, 50% 0);
content: '';
display: block;
left: 10px;
@@ -2307,23 +2308,13 @@ cr-toolbar, #overlay-buttons, #overlay-wrapper, #toolbar-container {
}
cr-toolbar {
- --cr-toolbar-field-end-padding: 0;
- --cr-toolbar-field-margin: var(--side-bar-width);
- --cr-toolbar-right-content-wide_-_position: absolute; --cr-toolbar-right-content-wide_-_right: 0; --cr-toolbar-right-content-wide_-_left: initial;;
-}
-
-:host-context([dir=rtl]) cr-toolbar {
- --cr-toolbar-right-content-wide_-_position: absolute; --cr-toolbar-right-content-wide_-_left: 0; --cr-toolbar-right-content-wide_-_right: initial;;
+ --cr-toolbar-field-margin: var(--side-bar-width);
}
:host([has-drawer]) cr-toolbar {
--cr-toolbar-field-margin: 0;
}
-cr-toolbar .more-actions {
- -webkit-margin-end: 12px;
-}
-
#info-button {
background: none;
border: none;

Powered by Google App Engine
This is Rietveld 408576698