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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 2508043002: MD WebUI: Fix appearance of toolbar title in certain languages (Closed)
Patch Set: Rearrange padding to simplify calc(), add comment Created 4 years, 1 month 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') | no next file with comments »
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 3055 matching lines...) Expand 10 before | Expand all | Expand 10 after
3066 <style scope="cr-toolbar">:host { 3066 <style scope="cr-toolbar">:host {
3067 --cr-toolbar-field-width: 580px; 3067 --cr-toolbar-field-width: 580px;
3068 --cr-toolbar-height: 56px; 3068 --cr-toolbar-height: 56px;
3069 color: #fff; 3069 color: #fff;
3070 display: flex; 3070 display: flex;
3071 height: var(--cr-toolbar-height); 3071 height: var(--cr-toolbar-height);
3072 } 3072 }
3073 3073
3074 h1 { 3074 h1 {
3075 -webkit-margin-start: 6px; 3075 -webkit-margin-start: 6px;
3076 -webkit-padding-end: 2px;
3076 flex: 1; 3077 flex: 1;
3077 font-size: 123%; 3078 font-size: 123%;
3078 font-weight: 400; 3079 font-weight: 400;
3079 text-overflow: ellipsis; 3080 text-overflow: ellipsis;
3080 overflow: hidden; 3081 overflow: hidden;
3081 white-space: nowrap; 3082 white-space: nowrap;
3082 } 3083 }
3083 3084
3084 #leftContent { 3085 #leftContent {
3085 -webkit-margin-start: 18px; 3086 -webkit-padding-start: 18px;
3086 align-items: center; 3087 align-items: center;
3088 box-sizing: border-box;
3087 display: flex; 3089 display: flex;
3088 position: absolute; 3090 position: absolute;
3089 transition: opacity 100ms; 3091 transition: opacity 100ms;
3090 } 3092 }
3091 3093
3092 #menuButton { 3094 #menuButton {
3093 height: 32px; 3095 height: 32px;
3094 margin-bottom: 6px; 3096 margin-bottom: 6px;
3095 margin-top: 6px; 3097 margin-top: 6px;
3096 min-width: 32px; 3098 min-width: 32px;
(...skipping 10 matching lines...) Expand all
3107 3109
3108 :host([narrow_]) #centeredContent { 3110 :host([narrow_]) #centeredContent {
3109 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px); 3111 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
3110 } 3112 }
3111 3113
3112 :host(:not([narrow_])) h1 { 3114 :host(:not([narrow_])) h1 {
3113 -webkit-margin-start: var(--cr-toolbar-header-wide_-_-webkit-margin-start); -w ebkit-margin-end: var(--cr-toolbar-header-wide_-_-webkit-margin-end); 3115 -webkit-margin-start: var(--cr-toolbar-header-wide_-_-webkit-margin-start); -w ebkit-margin-end: var(--cr-toolbar-header-wide_-_-webkit-margin-end);
3114 } 3116 }
3115 3117
3116 :host(:not([narrow_])) #leftContent { 3118 :host(:not([narrow_])) #leftContent {
3117 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); 3119 max-width: calc((100% - var(--cr-toolbar-field-width)) / 2);
3118 -webkit-margin-start: var(--cr-toolbar-left-content-wide_-_-webkit-margi n-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 ) - 18px) / 2)); position: var(--cr-toolbar-left-content-wide_-_position); 3120 -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);
3119 } 3121 }
3120 3122
3121 :host(:not([narrow_])) #rightContent { 3123 :host(:not([narrow_])) #rightContent {
3122 flex: var(--cr-toolbar-right-content-wide_-_flex); position: var(--cr-toolbar- right-content-wide_-_position); 3124 flex: var(--cr-toolbar-right-content-wide_-_flex); position: var(--cr-toolbar- right-content-wide_-_position);
3123 } 3125 }
3124 3126
3125 :host([narrow_]) #centeredContent { 3127 :host([narrow_]) #centeredContent {
3126 justify-content: flex-end; 3128 justify-content: flex-end;
3127 } 3129 }
3128 3130
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
3218 } 3220 }
3219 3221
3220 [hidden] { 3222 [hidden] {
3221 display: none !important; 3223 display: none !important;
3222 } 3224 }
3223 3225
3224 #toolbar { 3226 #toolbar {
3225 --cr-toolbar-field-end-padding: 0; 3227 --cr-toolbar-field-end-padding: 0;
3226 --cr-toolbar-field-width: var(--downloads-card-width); 3228 --cr-toolbar-field-width: var(--downloads-card-width);
3227 --cr-toolbar-header-wide_-_-webkit-margin-start: 24px; --cr-toolbar-hea der-wide_-_-webkit-margin-end: 16px;; 3229 --cr-toolbar-header-wide_-_-webkit-margin-start: 24px; --cr-toolbar-hea der-wide_-_-webkit-margin-end: 16px;;
3228 --cr-toolbar-left-content-wide_-_-webkit-margin-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;; 3230 --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;;
3229 --cr-toolbar-right-content-wide_-_flex: 1 0 1px; --cr-toolbar-right-con tent-wide_-_position: static;; 3231 --cr-toolbar-right-content-wide_-_flex: 1 0 1px; --cr-toolbar-right-con tent-wide_-_position: static;;
3230 align-items: center; 3232 align-items: center;
3231 flex: 1; 3233 flex: 1;
3232 } 3234 }
3233 3235
3234 paper-icon-button { 3236 paper-icon-button {
3235 --iron-icon-height: 20px; 3237 --iron-icon-height: 20px;
3236 --iron-icon-width: 20px; 3238 --iron-icon-width: 20px;
3237 --paper-icon-button_-_height: 32px; --paper-icon-button_-_padding: 6px ; --paper-icon-button_-_width: 32px;; 3239 --paper-icon-button_-_height: 32px; --paper-icon-button_-_padding: 6px ; --paper-icon-button_-_width: 32px;;
3238 } 3240 }
(...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after
3393 <command id="undo-command" shortcut="Meta|z"></command> 3395 <command id="undo-command" shortcut="Meta|z"></command>
3394 <command id="find-command" shortcut="Meta|f"></command> 3396 <command id="find-command" shortcut="Meta|f"></command>
3395 </if> 3397 </if>
3396 <if expr="not is_macosx"> 3398 <if expr="not is_macosx">
3397 <command id="clear-all-command" shortcut="Alt|c"></command> 3399 <command id="clear-all-command" shortcut="Alt|c"></command>
3398 <command id="undo-command" shortcut="Ctrl|z"></command> 3400 <command id="undo-command" shortcut="Ctrl|z"></command>
3399 <command id="find-command" shortcut="Ctrl|f"></command> 3401 <command id="find-command" shortcut="Ctrl|f"></command>
3400 </if> 3402 </if>
3401 <link rel="import" href="chrome://resources/html/polymer.html"> 3403 <link rel="import" href="chrome://resources/html/polymer.html">
3402 <script src="crisper.js"></script></body></html> 3404 <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') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698