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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side 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 unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.html ('k') | chrome/browser/resources/md_history/app.vulcanized.html » ('j') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- - 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- -
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 3093 matching lines...) Expand 10 before | Expand all | Expand 10 after
3104 padding: 6px; 3104 padding: 6px;
3105 width: 32px; 3105 width: 32px;
3106 } 3106 }
3107 3107
3108 #centeredContent { 3108 #centeredContent {
3109 display: flex; 3109 display: flex;
3110 flex: 1 1 0; 3110 flex: 1 1 0;
3111 justify-content: center; 3111 justify-content: center;
3112 } 3112 }
3113 3113
3114 :host([narrow_]) #centeredContent {
3115 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
3116 }
3117
3118 :host(:not([narrow_])) h1 {
3119 -webkit-margin-start: var(--cr-toolbar-header-wide_-_-webkit-margin-start); -w ebkit-margin-end: var(--cr-toolbar-header-wide_-_-webkit-margin-end);
3120 }
3121
3122 :host(:not([narrow_])) #leftContent { 3114 :host(:not([narrow_])) #leftContent {
3123 max-width: calc((100% - var(--cr-toolbar-field-width)) / 2); 3115 max-width: calc((100% - var(--cr-toolbar-field-width)) / 2);
3124 -webkit-padding-start: var(--cr-toolbar-left-content-wide_-_-webkit-padd ing-start); flex: var(--cr-toolbar-left-content-wide_-_flex); max-width: var(--c r-toolbar-left-content-wide_-_max-width, calc((100% - var(--cr-toolbar-field-wid th)) / 2)); position: var(--cr-toolbar-left-content-wide_-_position);
3125 } 3116 }
3126 3117
3127 :host(:not([narrow_])) #centeredContent { 3118 :host(:not([narrow_])) #centeredContent {
3128 -webkit-margin-start: var(--cr-toolbar-field-margin, 0); 3119 -webkit-margin-start: var(--cr-toolbar-field-margin, 0);
3129 } 3120 }
3130 3121
3131 :host(:not([narrow_])) #rightContent {
3132 flex: var(--cr-toolbar-right-content-wide_-_flex); position: var(--cr-toolbar- right-content-wide_-_position);
3133 }
3134
3135 :host([narrow_]) #centeredContent { 3122 :host([narrow_]) #centeredContent {
3136 justify-content: flex-end; 3123 justify-content: flex-end;
3137 } 3124 }
3138 3125
3139 :host([narrow_][showing-search_]) #leftContent { 3126 :host([narrow_][showing-search_]) #leftContent {
3140 opacity: 0; 3127 opacity: 0;
3141 } 3128 }
3142 3129
3130 #rightContent {
3131 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
3132 }
3133
3134 :host(:not([narrow_])) #rightContent {
3135 position: absolute;
3136 right: 0;
3137 }
3138
3139 :host-context([dir=rtl]):host(:not([narrow_])) #rightContent {
3140 right: auto;
3141 left: 0;
3142 }
3143
3143 #menuPromo { 3144 #menuPromo {
3144 -webkit-padding-end: 12px; 3145 -webkit-padding-end: 12px;
3145 -webkit-padding-start: 8px; 3146 -webkit-padding-start: 8px;
3146 align-items: center; 3147 align-items: center;
3147 background: #616161; 3148 background: #616161;
3148 border-radius: 2px; 3149 border-radius: 2px;
3149 color: white; 3150 color: white;
3150 display: flex; 3151 display: flex;
3151 font-size: 92.3%; 3152 font-size: 92.3%;
3152 font-weight: 500; 3153 font-weight: 500;
3153 opacity: 0; 3154 opacity: 0;
3154 padding-bottom: 6px; 3155 padding-bottom: 6px;
3155 padding-top: 6px; 3156 padding-top: 6px;
3156 position: absolute; 3157 position: absolute;
3157 top: var(--cr-toolbar-height); 3158 top: var(--cr-toolbar-height);
3158 white-space: nowrap; 3159 white-space: nowrap;
3159 z-index: 2; 3160 z-index: 2;
3160 } 3161 }
3161 3162
3162 #menuPromo::before { 3163 #menuPromo::before {
3163 background: inherit; 3164 background: inherit;
3164 3165
3165 clip-path: polygon(0 105%, 100% 105%, 50% 0); 3166 clip-path: polygon(0 105%, 100% 105%, 50% 0);
3166 content: ''; 3167 content: '';
3167 display: block; 3168 display: block;
3168 left: 10px; 3169 left: 10px;
3169 height: 6px; 3170 height: 6px;
3170 position: absolute; 3171 position: absolute;
3171 top: -6px; 3172 top: -6px;
3172 width: 12px; 3173 width: 12px;
3173 } 3174 }
3174 3175
3175 :host-context([dir=rtl]) #menuPromo::before { 3176 :host-context([dir=rtl]) #menuPromo::before {
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
3225 color: white; 3226 color: white;
3226 display: flex; 3227 display: flex;
3227 min-height: 56px; 3228 min-height: 56px;
3228 } 3229 }
3229 3230
3230 [hidden] { 3231 [hidden] {
3231 display: none !important; 3232 display: none !important;
3232 } 3233 }
3233 3234
3234 #toolbar { 3235 #toolbar {
3235 --cr-toolbar-field-end-padding: 0; 3236 --cr-toolbar-field-width: var(--downloads-card-width);
3236 --cr-toolbar-field-width: var(--downloads-card-width);
3237 --cr-toolbar-header-wide_-_-webkit-margin-start: 24px; --cr-toolbar-hea der-wide_-_-webkit-margin-end: 16px;;
3238 --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;;
3239 --cr-toolbar-right-content-wide_-_flex: 1 0 1px; --cr-toolbar-right-con tent-wide_-_position: static;;
3240 align-items: center;
3241 flex: 1; 3237 flex: 1;
3242 } 3238 }
3243 3239
3244 paper-icon-button { 3240 paper-icon-button {
3245 --iron-icon-height: 20px; 3241 --iron-icon-height: 20px;
3246 --iron-icon-width: 20px; 3242 --iron-icon-width: 20px;
3247 --paper-icon-button_-_height: 32px; --paper-icon-button_-_padding: 6px ; --paper-icon-button_-_width: 32px;; 3243 --paper-icon-button_-_height: 32px; --paper-icon-button_-_padding: 6px ; --paper-icon-button_-_width: 32px;;
3248 } 3244 }
3249 3245
3250 .more-actions {
3251 -webkit-margin-end: 16px;
3252 -webkit-margin-start: 8px;
3253 text-align: end;
3254 }
3255
3256 #more { 3246 #more {
3257 --paper-menu-button_-_padding: 0;; 3247 --paper-menu-button_-_padding: 6px;;
3258 } 3248 }
3259 3249
3260 paper-menu { 3250 paper-menu {
3261 --paper-menu-selected-item_-_font-weight: normal;; 3251 --paper-menu-selected-item_-_font-weight: normal;;
3262 } 3252 }
3263 3253
3264 paper-item { 3254 paper-item {
3265 -webkit-user-select: none; 3255 -webkit-user-select: none;
3266 cursor: pointer; 3256 cursor: pointer;
3267 font: inherit; 3257 font: inherit;
(...skipping 135 matching lines...) Expand 10 before | Expand all | Expand 10 after
3403 <command id="undo-command" shortcut="Meta|z"></command> 3393 <command id="undo-command" shortcut="Meta|z"></command>
3404 <command id="find-command" shortcut="Meta|f"></command> 3394 <command id="find-command" shortcut="Meta|f"></command>
3405 </if> 3395 </if>
3406 <if expr="not is_macosx"> 3396 <if expr="not is_macosx">
3407 <command id="clear-all-command" shortcut="Alt|c"></command> 3397 <command id="clear-all-command" shortcut="Alt|c"></command>
3408 <command id="undo-command" shortcut="Ctrl|z"></command> 3398 <command id="undo-command" shortcut="Ctrl|z"></command>
3409 <command id="find-command" shortcut="Ctrl|f"></command> 3399 <command id="find-command" shortcut="Ctrl|f"></command>
3410 </if> 3400 </if>
3411 <link rel="import" href="chrome://resources/html/polymer.html"> 3401 <link rel="import" href="chrome://resources/html/polymer.html">
3412 <script src="crisper.js"></script></body></html> 3402 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.html ('k') | chrome/browser/resources/md_history/app.vulcanized.html » ('j') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698