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