OLD | NEW |
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> |
OLD | NEW |