| OLD | NEW |
|---|
| 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 3647 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3658 | 3658 |
| 3659 button.more-vert-button div { | 3659 button.more-vert-button div { |
| 3660 border: 2px solid var(--secondary-text-color); | 3660 border: 2px solid var(--secondary-text-color); |
| 3661 border-radius: 2px; | 3661 border-radius: 2px; |
| 3662 margin: 1px 10px; | 3662 margin: 1px 10px; |
| 3663 pointer-events: none; | 3663 pointer-events: none; |
| 3664 transform: scale(0.8); | 3664 transform: scale(0.8); |
| 3665 } | 3665 } |
| 3666 | 3666 |
| 3667 :host { | 3667 :host { |
| 3668 display: block; | 3668 display: flex; |
| 3669 height: 100%; | 3669 height: 100%; |
| 3670 padding-top: 5px; | 3670 overflow-x: hidden; |
| 3671 overflow-y: auto; |
| 3671 width: var(--side-bar-width); | 3672 width: var(--side-bar-width); |
| 3672 } | 3673 } |
| 3673 | 3674 |
| 3675 :host([drawer]) { |
| 3676 height: calc(100% - var(--toolbar-height)); |
| 3677 } |
| 3678 |
| 3674 div.separator { | 3679 div.separator { |
| 3675 background-color: rgba(0, 0, 0, 0.08); | 3680 background-color: rgba(0, 0, 0, 0.08); |
| 3681 flex-shrink: 0; |
| 3676 height: 1px; | 3682 height: 1px; |
| 3677 margin: 8px 0; | 3683 margin: 8px 0; |
| 3678 } | 3684 } |
| 3679 | 3685 |
| 3680 #clear-browsing-data { | 3686 #clear-browsing-data { |
| 3681 justify-content: space-between; | 3687 justify-content: space-between; |
| 3682 } | 3688 } |
| 3683 | 3689 |
| 3684 #clear-browsing-data iron-icon { | 3690 #clear-browsing-data iron-icon { |
| 3685 -webkit-margin-end: 24px; | 3691 -webkit-margin-end: 24px; |
| 3686 color: var(--paper-grey-400); | 3692 color: var(--paper-grey-400); |
| 3687 height: 20px; | 3693 height: 20px; |
| 3688 margin-bottom: 10px; | 3694 margin-bottom: 10px; |
| 3689 margin-top: 10px; | 3695 margin-top: 10px; |
| 3690 width: 20px; | 3696 width: 20px; |
| 3691 } | 3697 } |
| 3692 | 3698 |
| 3693 iron-selector { | 3699 iron-selector { |
| 3694 -webkit-user-select: none; | 3700 -webkit-user-select: none; |
| 3695 background-color: transparent; | 3701 background-color: transparent; |
| 3696 color: #5a5a5a; | 3702 color: #5a5a5a; |
| 3703 display: flex; |
| 3704 flex: 1; |
| 3705 flex-direction: column; |
| 3706 padding-top: 8px; |
| 3697 } | 3707 } |
| 3698 | 3708 |
| 3699 iron-selector > a { | 3709 iron-selector > a { |
| 3700 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); | 3710 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); |
| 3701 -webkit-padding-start: 24px; | 3711 -webkit-padding-start: 24px; |
| 3702 align-items: center; | 3712 align-items: center; |
| 3703 box-sizing: border-box; | 3713 box-sizing: border-box; |
| 3704 color: inherit; | 3714 color: inherit; |
| 3705 cursor: pointer; | 3715 cursor: pointer; |
| 3706 display: flex; | 3716 display: flex; |
| 3707 font-size: 14px; | 3717 font-size: 14px; |
| 3708 font-weight: 500; | 3718 font-weight: 500; |
| 3709 min-height: 48px; | 3719 min-height: 48px; |
| 3710 position: relative; | 3720 position: relative; |
| 3711 text-decoration: none; | 3721 text-decoration: none; |
| 3712 } | 3722 } |
| 3713 | 3723 |
| 3714 iron-selector > a.iron-selected { | 3724 iron-selector > a.iron-selected { |
| 3715 color: var(--google-blue-500); | 3725 color: var(--google-blue-500); |
| 3716 font-weight: 500; | 3726 } |
| 3727 |
| 3728 #spacer { |
| 3729 flex: 1; |
| 3717 } | 3730 } |
| 3718 | 3731 |
| 3719 #footer { | 3732 #footer { |
| 3720 bottom: 0; | 3733 color: var(--paper-grey-600); |
| 3721 color: var(--paper-grey-600); | |
| 3722 position: absolute; | |
| 3723 width: var(--side-bar-width); | 3734 width: var(--side-bar-width); |
| 3724 } | 3735 } |
| 3725 | 3736 |
| 3726 :host([drawer]) #footer { | |
| 3727 bottom: 120px; | |
| 3728 } | |
| 3729 | |
| 3730 #footer-text { | 3737 #footer-text { |
| 3731 -webkit-padding-end: 16px; | 3738 -webkit-padding-end: 16px; |
| 3732 -webkit-padding-start: 24px; | 3739 -webkit-padding-start: 24px; |
| 3733 line-height: 20px; | 3740 line-height: 20px; |
| 3734 margin: 24px 0; | 3741 margin: 24px 0; |
| 3735 } | 3742 } |
| 3736 | 3743 |
| 3737 #footer a { | 3744 #footer a { |
| 3738 color: var(--google-blue-700); | 3745 color: var(--google-blue-700); |
| 3739 text-decoration: none; | 3746 text-decoration: none; |
| 3740 } | 3747 } |
| 3741 | 3748 |
| 3742 </style> | 3749 </style> |
| 3743 | 3750 |
| 3744 <iron-selector id="menu" selected="{{selectedPage}}" selectable=".page-item"
attr-for-selected="path" fallback-selection="history" on-iron-activate="onSelec
torActivate_"> | 3751 <iron-selector id="menu" selected="{{selectedPage}}" selectable=".page-item"
attr-for-selected="path" fallback-selection="history" on-iron-activate="onSelec
torActivate_"> |
| 3745 <a href="/" class="page-item" path="history" on-click="onItemClick_"> | 3752 <a href="/" class="page-item" path="history" on-click="onItemClick_"> |
| 3746 $i18n{historyMenuItem} | 3753 $i18n{historyMenuItem} |
| 3747 <paper-ripple></paper-ripple> | 3754 <paper-ripple></paper-ripple> |
| 3748 </a> | 3755 </a> |
| 3749 <a href="/syncedTabs" class="page-item" path="syncedTabs" on-click="onItem
Click_"> | 3756 <a href="/syncedTabs" class="page-item" path="syncedTabs" on-click="onItem
Click_"> |
| 3750 $i18n{openTabsMenuItem} | 3757 $i18n{openTabsMenuItem} |
| 3751 <paper-ripple></paper-ripple> | 3758 <paper-ripple></paper-ripple> |
| 3752 </a> | 3759 </a> |
| 3753 <div class="separator"></div> | 3760 <div class="separator"></div> |
| 3754 <a href="chrome://settings/clearBrowserData" on-tap="onClearBrowsingDataTa
p_" id="clear-browsing-data"> | 3761 <a href="chrome://settings/clearBrowserData" on-tap="onClearBrowsingDataTa
p_" id="clear-browsing-data"> |
| 3755 $i18n{clearBrowsingData} | 3762 $i18n{clearBrowsingData} |
| 3756 <iron-icon icon="cr:open-in-new"></iron-icon> | 3763 <iron-icon icon="cr:open-in-new"></iron-icon> |
| 3757 <paper-ripple id="cbd-ripple"></paper-ripple> | 3764 <paper-ripple id="cbd-ripple"></paper-ripple> |
| 3758 </a> | 3765 </a> |
| 3766 <div id="spacer"></div> |
| 3759 <div id="footer" hidden="[[!showFooter]]"> | 3767 <div id="footer" hidden="[[!showFooter]]"> |
| 3760 <div class="separator"></div> | 3768 <div class="separator"></div> |
| 3761 <div id="footer-text">$i18nRaw{sidebarFooter}</div> | 3769 <div id="footer-text">$i18nRaw{sidebarFooter}</div> |
| 3762 </div> | 3770 </div> |
| 3763 </iron-selector> | 3771 </iron-selector> |
| 3764 </template> | 3772 </template> |
| 3765 </dom-module> | 3773 </dom-module> |
| 3766 </div><dom-module id="history-app" css-build="shadow"> | 3774 </div><dom-module id="history-app" css-build="shadow"> |
| 3767 <template> | 3775 <template> |
| 3768 <style scope="history-app">[hidden] { | 3776 <style scope="history-app">[hidden] { |
| (...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3878 height: 100%; | 3886 height: 100%; |
| 3879 } | 3887 } |
| 3880 | 3888 |
| 3881 #drawer:unresolved { | 3889 #drawer:unresolved { |
| 3882 display: none; | 3890 display: none; |
| 3883 } | 3891 } |
| 3884 | 3892 |
| 3885 #drawer-header { | 3893 #drawer-header { |
| 3886 align-items: center; | 3894 align-items: center; |
| 3887 border-bottom: 1px solid rgba(0, 0, 0, 0.08); | 3895 border-bottom: 1px solid rgba(0, 0, 0, 0.08); |
| 3896 box-sizing: border-box; |
| 3888 display: flex; | 3897 display: flex; |
| 3889 height: var(--toolbar-height); | 3898 height: var(--toolbar-height); |
| 3890 margin-bottom: 5px; | |
| 3891 } | 3899 } |
| 3892 | 3900 |
| 3893 h1 { | 3901 h1 { |
| 3894 -webkit-padding-start: 24px; | 3902 -webkit-padding-start: 24px; |
| 3895 color: rgb(66, 66, 66); | 3903 color: rgb(66, 66, 66); |
| 3896 font-size: 123%; | 3904 font-size: 123%; |
| 3897 font-weight: 400; | 3905 font-weight: 400; |
| 3898 } | 3906 } |
| 3899 | 3907 |
| 3900 #drop-shadow { | 3908 #drop-shadow { |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3943 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}"
show-footer="[[showSidebarFooter]]" drawer=""> | 3951 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}"
show-footer="[[showSidebarFooter]]" drawer=""> |
| 3944 </history-side-bar> | 3952 </history-side-bar> |
| 3945 </app-drawer> | 3953 </app-drawer> |
| 3946 </template> | 3954 </template> |
| 3947 | 3955 |
| 3948 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 3956 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
| 3949 </iron-media-query> | 3957 </iron-media-query> |
| 3950 </template> | 3958 </template> |
| 3951 </dom-module> | 3959 </dom-module> |
| 3952 <script src="app.crisper.js"></script></body></html> | 3960 <script src="app.crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2412003002:
MD History: Fix overlapping of sidebar footer in very short windows (Closed)
