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

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

Issue 2846673003: MD Bookmarks: Simplify and improve consistency of CSS (Closed)
Patch Set: Created 3 years, 7 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 <link rel="import" href="chrome://bookmarks/shared_vars.html"> 1 <link rel="import" href="chrome://bookmarks/shared_vars.html">
2 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html"> 2 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
3 3
4 <dom-module id="shared-style"> 4 <dom-module id="shared-style">
5 <template> 5 <template>
6 <style include="cr-hidden-style"> 6 <style include="cr-shared-style">
7 button.more-vert-button { 7 button.more-vert-button {
8 height: 36px;
9 padding: 8px; 8 padding: 8px;
10 width: 36px;
11 } 9 }
12 10
13 button.more-vert-button div { 11 button.more-vert-button div {
14 border: 2px solid var(--secondary-text-color); 12 border: 2px solid var(--secondary-text-color);
15 border-radius: 2px; 13 border-radius: 2px;
16 margin: 1px 8px; 14 margin: 1px 8px;
17 pointer-events: none; 15 pointer-events: none;
18 transform: scale(0.8); 16 transform: scale(0.8);
19 } 17 }
20 18
21 hr { 19 hr {
22 background: rgba(0, 0, 0, 0.11); 20 background: rgba(0, 0, 0, 0.11);
23 border-width: 0; 21 border-width: 0;
24 height: 1px; 22 height: 1px;
25 margin: 8px 0; 23 margin: 8px 0;
26 } 24 }
27 25
28 paper-button {
29 height: 32px;
30 margin: 0;
31 }
32
33 .drag-above::before, 26 .drag-above::before,
34 .drag-below::after { 27 .drag-below::after {
35 background-clip: padding-box; 28 background-clip: padding-box;
36 background-color: var(--interactive-color); 29 background-color: var(--interactive-color);
37 border: 3px solid var(--interactive-color); 30 border: 3px solid var(--interactive-color);
38 border-bottom-color: transparent; 31 border-bottom-color: transparent;
39 border-radius: 0; 32 border-radius: 0;
40 border-top-color: transparent; 33 border-top-color: transparent;
41 box-sizing: border-box; 34 box-sizing: border-box;
42 content: ''; 35 content: '';
43 display: block; 36 display: block;
44 height: 8px; 37 height: 8px;
45 left: 0; 38 left: 0;
46 position: absolute; 39 position: absolute;
47 right: 0; 40 right: 0;
48 z-index: 10; 41 z-index: 10;
49 } 42 }
50 43
51 .drag-above::before { 44 .drag-above::before {
52 top: 0; 45 top: 0;
53 transform: translateY(-50%); 46 transform: translateY(-50%);
54 } 47 }
55 48
56 .drag-below::after { 49 .drag-below::after {
57 bottom: 0; 50 bottom: 0;
58 transform: translateY(50%); 51 transform: translateY(50%);
59 } 52 }
60 53
61 .drag-on { 54 .drag-on {
62 background-color: rgba(66, 133, 244, 0.16); 55 background-color: var(--highlight-color);
63 } 56 }
64 </style> 57 </style>
65 </template> 58 </template>
66 </dom-module> 59 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698