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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2502903002: MD History: Add margin to sidebar items so focus outline shows fully (Closed)
Patch Set: 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 | « no previous file | chrome/browser/resources/md_history/side_bar.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 3674 matching lines...) Expand 10 before | Expand all | Expand 10 after
3685 flex-shrink: 0; 3685 flex-shrink: 0;
3686 height: 1px; 3686 height: 1px;
3687 margin: 8px 0; 3687 margin: 8px 0;
3688 } 3688 }
3689 3689
3690 #clear-browsing-data { 3690 #clear-browsing-data {
3691 justify-content: space-between; 3691 justify-content: space-between;
3692 } 3692 }
3693 3693
3694 #clear-browsing-data iron-icon { 3694 #clear-browsing-data iron-icon {
3695 -webkit-margin-end: 24px; 3695 -webkit-margin-end: 20px;
3696 color: var(--paper-grey-400); 3696 color: var(--paper-grey-400);
3697 height: 20px; 3697 height: 20px;
3698 margin-bottom: 10px; 3698 margin-bottom: 10px;
3699 margin-top: 10px; 3699 margin-top: 10px;
3700 width: 20px; 3700 width: 20px;
3701 } 3701 }
3702 3702
3703 iron-selector { 3703 iron-selector {
3704 -webkit-user-select: none; 3704 -webkit-user-select: none;
3705 background-color: transparent; 3705 background-color: transparent;
3706 color: #5a5a5a; 3706 color: #5a5a5a;
3707 display: flex; 3707 display: flex;
3708 flex: 1; 3708 flex: 1;
3709 flex-direction: column; 3709 flex-direction: column;
3710 padding-top: 8px; 3710 padding-top: 8px;
3711 } 3711 }
3712 3712
3713 iron-selector > a { 3713 iron-selector > a {
3714 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height); 3714 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height);
3715
3716 -webkit-margin-end: 4px;
3715 -webkit-padding-start: 24px; 3717 -webkit-padding-start: 24px;
3716 align-items: center; 3718 align-items: center;
3717 box-sizing: border-box; 3719 box-sizing: border-box;
3718 color: inherit; 3720 color: inherit;
3719 cursor: pointer; 3721 cursor: pointer;
3720 display: flex; 3722 display: flex;
3721 font-size: 14px; 3723 font-size: 14px;
3722 font-weight: 500; 3724 font-weight: 500;
3723 min-height: 48px; 3725 min-height: 48px;
3724 position: relative; 3726 position: relative;
(...skipping 237 matching lines...) Expand 10 before | Expand all | Expand 10 after
3962 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3964 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3963 </history-side-bar> 3965 </history-side-bar>
3964 </app-drawer> 3966 </app-drawer>
3965 </template> 3967 </template>
3966 3968
3967 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3969 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3968 </iron-media-query> 3970 </iron-media-query>
3969 </template> 3971 </template>
3970 </dom-module> 3972 </dom-module>
3971 <script src="app.crisper.js"></script></body></html> 3973 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_history/side_bar.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698