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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_history/app.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/vulcanized.html ('k') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.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 <html><head><!-- 1 <html><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 1923 matching lines...) Expand 10 before | Expand all | Expand 10 after
1934 <style scope="cr-toolbar">:host { 1934 <style scope="cr-toolbar">:host {
1935 --cr-toolbar-field-width: 580px; 1935 --cr-toolbar-field-width: 580px;
1936 --cr-toolbar-height: 56px; 1936 --cr-toolbar-height: 56px;
1937 color: #fff; 1937 color: #fff;
1938 display: flex; 1938 display: flex;
1939 height: var(--cr-toolbar-height); 1939 height: var(--cr-toolbar-height);
1940 } 1940 }
1941 1941
1942 h1 { 1942 h1 {
1943 -webkit-margin-start: 6px; 1943 -webkit-margin-start: 6px;
1944 -webkit-padding-end: 2px;
1944 flex: 1; 1945 flex: 1;
1945 font-size: 123%; 1946 font-size: 123%;
1946 font-weight: 400; 1947 font-weight: 400;
1947 text-overflow: ellipsis; 1948 text-overflow: ellipsis;
1948 overflow: hidden; 1949 overflow: hidden;
1949 white-space: nowrap; 1950 white-space: nowrap;
1950 } 1951 }
1951 1952
1952 #leftContent { 1953 #leftContent {
1953 -webkit-margin-start: 18px; 1954 -webkit-padding-start: 18px;
1954 align-items: center; 1955 align-items: center;
1956 box-sizing: border-box;
1955 display: flex; 1957 display: flex;
1956 position: absolute; 1958 position: absolute;
1957 transition: opacity 100ms; 1959 transition: opacity 100ms;
1958 } 1960 }
1959 1961
1960 #menuButton { 1962 #menuButton {
1961 height: 32px; 1963 height: 32px;
1962 margin-bottom: 6px; 1964 margin-bottom: 6px;
1963 margin-top: 6px; 1965 margin-top: 6px;
1964 min-width: 32px; 1966 min-width: 32px;
(...skipping 10 matching lines...) Expand all
1975 1977
1976 :host([narrow_]) #centeredContent { 1978 :host([narrow_]) #centeredContent {
1977 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px); 1979 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
1978 } 1980 }
1979 1981
1980 :host(:not([narrow_])) h1 { 1982 :host(:not([narrow_])) h1 {
1981 ; 1983 ;
1982 } 1984 }
1983 1985
1984 :host(:not([narrow_])) #leftContent { 1986 :host(:not([narrow_])) #leftContent {
1985 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); 1987 max-width: calc((100% - var(--cr-toolbar-field-width)) / 2);
1986 ; 1988 ;
1987 } 1989 }
1988 1990
1989 :host(:not([narrow_])) #rightContent { 1991 :host(:not([narrow_])) #rightContent {
1990 position: var(--cr-toolbar-right-content-wide_-_position); left: var(--cr-tool bar-right-content-wide_-_left); right: var(--cr-toolbar-right-content-wide_-_rig ht); 1992 position: var(--cr-toolbar-right-content-wide_-_position); left: var(--cr-tool bar-right-content-wide_-_left); right: var(--cr-toolbar-right-content-wide_-_rig ht);
1991 } 1993 }
1992 1994
1993 :host([narrow_]) #centeredContent { 1995 :host([narrow_]) #centeredContent {
1994 justify-content: flex-end; 1996 justify-content: flex-end;
1995 } 1997 }
(...skipping 1764 matching lines...) Expand 10 before | Expand all | Expand 10 after
3760 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3762 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3761 </history-side-bar> 3763 </history-side-bar>
3762 </app-drawer> 3764 </app-drawer>
3763 </template> 3765 </template>
3764 3766
3765 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3767 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3766 </iron-media-query> 3768 </iron-media-query>
3767 </template> 3769 </template>
3768 </dom-module> 3770 </dom-module>
3769 <script src="app.crisper.js"></script></body></html> 3771 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/vulcanized.html ('k') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698