| OLD | NEW |
|---|
| 1 <link rel="import" href="chrome://bookmarks/shared_vars.html"> | 1 <link rel="import" href="chrome://bookmarks/shared_vars.html"> |
| 2 | 2 |
| 3 <dom-module id="shared-style"> | 3 <dom-module id="shared-style"> |
| 4 <template> | 4 <template> |
| 5 <style> | 5 <style> |
| 6 [hidden] { | 6 [hidden] { |
| 7 display: none !important; | 7 display: none !important; |
| 8 } | 8 } |
| 9 | 9 |
| 10 button.more-vert-button { | 10 button.more-vert-button { |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 background: rgba(0, 0, 0, 0.11); | 25 background: rgba(0, 0, 0, 0.11); |
| 26 border-width: 0; | 26 border-width: 0; |
| 27 height: 1px; | 27 height: 1px; |
| 28 margin: 8px 0; | 28 margin: 8px 0; |
| 29 } | 29 } |
| 30 | 30 |
| 31 paper-button { | 31 paper-button { |
| 32 height: 32px; | 32 height: 32px; |
| 33 margin: 0; | 33 margin: 0; |
| 34 } | 34 } |
| 35 |
| 36 .drag-above::before, |
| 37 .drag-below::after { |
| 38 background-clip: padding-box; |
| 39 background-color: var(--interactive-color); |
| 40 border: 3px solid var(--interactive-color); |
| 41 border-bottom-color: transparent; |
| 42 border-radius: 0; |
| 43 border-top-color: transparent; |
| 44 box-sizing: border-box; |
| 45 content: ''; |
| 46 display: block; |
| 47 height: 8px; |
| 48 left: 0; |
| 49 position: absolute; |
| 50 right: 0; |
| 51 z-index: 10; |
| 52 } |
| 53 |
| 54 .drag-above::before { |
| 55 top: 0; |
| 56 transform: translateY(-50%); |
| 57 } |
| 58 |
| 59 .drag-below::after { |
| 60 bottom: 0; |
| 61 transform: translateY(50%); |
| 62 } |
| 63 |
| 64 .drag-on { |
| 65 background-color: rgba(66, 133, 244, 0.16); |
| 66 } |
| 35 </style> | 67 </style> |
| 36 </template> | 68 </template> |
| 37 </dom-module> | 69 </dom-module> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2746363013:
[MD Bookmarks] Add a drag and drop indicator to bookmarks. (Closed)
