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

Unified Diff: chrome/browser/resources/md_downloads/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_downloads/vulcanized.html
diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
index 50e3c7a3350ef0bb2f2019e09980505b12950c73..c8bb39152d1ba5aa01ff5eba574c4c6d18739c36 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -3111,27 +3111,14 @@ h1 {
justify-content: center;
}
-:host([narrow_]) #centeredContent {
- -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
-}
-
-:host(:not([narrow_])) h1 {
- -webkit-margin-start: var(--cr-toolbar-header-wide_-_-webkit-margin-start); -webkit-margin-end: var(--cr-toolbar-header-wide_-_-webkit-margin-end);
-}
-
:host(:not([narrow_])) #leftContent {
max-width: calc((100% - var(--cr-toolbar-field-width)) / 2);
- -webkit-padding-start: var(--cr-toolbar-left-content-wide_-_-webkit-padding-start); flex: var(--cr-toolbar-left-content-wide_-_flex); max-width: var(--cr-toolbar-left-content-wide_-_max-width, calc((100% - var(--cr-toolbar-field-width)) / 2)); position: var(--cr-toolbar-left-content-wide_-_position);
}
:host(:not([narrow_])) #centeredContent {
-webkit-margin-start: var(--cr-toolbar-field-margin, 0);
}
-:host(:not([narrow_])) #rightContent {
- flex: var(--cr-toolbar-right-content-wide_-_flex); position: var(--cr-toolbar-right-content-wide_-_position);
-}
-
:host([narrow_]) #centeredContent {
justify-content: flex-end;
}
@@ -3140,6 +3127,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;
@@ -3162,7 +3163,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;
@@ -3232,12 +3233,7 @@ h1 {
}
#toolbar {
- --cr-toolbar-field-end-padding: 0;
- --cr-toolbar-field-width: var(--downloads-card-width);
- --cr-toolbar-header-wide_-_-webkit-margin-start: 24px; --cr-toolbar-header-wide_-_-webkit-margin-end: 16px;;
- --cr-toolbar-left-content-wide_-_-webkit-padding-start: 0; --cr-toolbar-left-content-wide_-_flex: 1 0 1px; --cr-toolbar-left-content-wide_-_max-width: none; --cr-toolbar-left-content-wide_-_position: static;;
- --cr-toolbar-right-content-wide_-_flex: 1 0 1px; --cr-toolbar-right-content-wide_-_position: static;;
- align-items: center;
+ --cr-toolbar-field-width: var(--downloads-card-width);
flex: 1;
}
@@ -3247,14 +3243,8 @@ paper-icon-button {
--paper-icon-button_-_height: 32px; --paper-icon-button_-_padding: 6px; --paper-icon-button_-_width: 32px;;
}
-.more-actions {
- -webkit-margin-end: 16px;
- -webkit-margin-start: 8px;
- text-align: end;
-}
-
#more {
- --paper-menu-button_-_padding: 0;;
+ --paper-menu-button_-_padding: 6px;;
}
paper-menu {

Powered by Google App Engine
This is Rietveld 408576698