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

Side by Side Diff: chrome/browser/resources/md_history/shared_style.html

Issue 2073703002: MD History: Simplify flex layout in <history-list> (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix height of #main-container Created 4 years, 6 months 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
OLDNEW
1 <dom-module id="shared-style"> 1 <dom-module id="shared-style">
2 <template> 2 <template>
3 <style> 3 <style>
4 :root { 4 :root {
5 --card-border-color: rgba(0, 0, 0, 0.14); 5 --card-border-color: rgba(0, 0, 0, 0.14);
6 --card-first-last-item-padding: 8px; 6 --card-first-last-item-padding: 8px;
7 --card-max-width: 960px; 7 --card-max-width: 960px;
8 --card-min-width: 500px; 8 --card-min-width: 500px;
9 --card-padding-between: 20px; 9 --card-padding-between: 20px;
10 --card-padding-side: 24px; 10 --card-padding-side: 24px;
11 --first-card-padding-top: 40px; 11 --first-card-padding-top: 24px;
12 --side-bar-width: 256px; 12 --side-bar-width: 256px;
13 --toolbar-grouped-height: 101px;
14 --toolbar-height: 56px;
calamity 2016/06/21 08:18:00 Changing these won't change the toolbar height or
tsergeant 2016/06/22 01:13:45 Done.
13 } 15 }
14 16
15 [hidden] { 17 [hidden] {
16 display: none !important; 18 display: none !important;
17 } 19 }
18 20
19 .card-title { 21 .card-title {
20 @apply(--layout-center); 22 @apply(--layout-center);
21 @apply(--layout-horizontal); 23 @apply(--layout-horizontal);
22 -webkit-padding-start: 20px; 24 -webkit-padding-start: 20px;
23 background: #fafafa; 25 background: #fafafa;
24 border-bottom: 1px solid var(--card-border-color); 26 border-bottom: 1px solid var(--card-border-color);
25 border-radius: 2px 2px 0 0; 27 border-radius: 2px 2px 0 0;
26 color: #333; 28 color: #333;
27 font-size: 14px; 29 font-size: 14px;
28 font-weight: 500; 30 font-weight: 500;
29 height: 48px; 31 height: 48px;
30 } 32 }
31 33
32 .centered-message { 34 .centered-message {
33 align-items: center; 35 align-items: center;
34 color: #b4b4b4; 36 color: #b4b4b4;
35 display: flex; 37 display: flex;
36 flex: 1; 38 flex: 1;
37 font-size: 14px; 39 font-size: 14px;
38 font-weight: 500; 40 font-weight: 500;
41 height: 100%;
39 justify-content: center; 42 justify-content: center;
40 } 43 }
41 44
42 .website-icon { 45 .website-icon {
43 -webkit-margin-end: 16px; 46 -webkit-margin-end: 16px;
44 background-repeat: no-repeat; 47 background-repeat: no-repeat;
45 background-size: 16px; 48 background-size: 16px;
46 height: 16px; 49 height: 16px;
47 width: 16px; 50 width: 16px;
48 } 51 }
49 52
50 .website-title { 53 .website-title {
51 color: #333; 54 color: #333;
52 overflow: hidden; 55 overflow: hidden;
53 text-decoration: none; 56 text-decoration: none;
54 text-overflow: ellipsis; 57 text-overflow: ellipsis;
55 white-space: nowrap; 58 white-space: nowrap;
56 } 59 }
57 60
58 .website-title:hover { 61 .website-title:hover {
59 text-decoration: underline; 62 text-decoration: underline;
60 } 63 }
61 </style> 64 </style>
62 </template> 65 </template>
63 </dom-module> 66 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/history_toolbar.html ('k') | chrome/browser/resources/md_history/side_bar.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698