| OLD | NEW |
|---|
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 |
| 3 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 4 <link rel="import" href="chrome://resources/html/icon.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 6 <link rel="import" href="chrome://bookmarks/shared_style.html"> |
| 7 |
| 8 <dom-module id="bookmarks-dnd-chip"> |
| 9 <template> |
| 10 <style include="shared-style"> |
| 11 :host { |
| 12 align-items: center; |
| 13 background-color: var(--interactive-color); |
| 14 border-radius: 20px; |
| 15 box-shadow: 0 0 8px 0 rgba(0,0,0,0.12), 0 8px 8px 0 rgba(0,0,0,0.24); |
| 16 display: none; |
| 17 height: 40px; |
| 18 left: 0; |
| 19 padding: 0 20px; |
| 20 pointer-events: none; |
| 21 position: absolute; |
| 22 top: 0; |
| 23 transform: translate( |
| 24 calc(var(--mouse-x) - 50%), calc(var(--mouse-y) - 80%)); |
| 25 width: 132px; |
| 26 } |
| 27 |
| 28 :host([showing_]) { |
| 29 display: flex; |
| 30 } |
| 31 |
| 32 #title { |
| 33 -webkit-margin-start: 20px; |
| 34 color: white; |
| 35 flex: 1; |
| 36 font-weight: 500; |
| 37 overflow: hidden; |
| 38 text-decoration: none; |
| 39 text-overflow: ellipsis; |
| 40 white-space: nowrap; |
| 41 } |
| 42 |
| 43 #icon-wrapper { |
| 44 align-items: center; |
| 45 background: white; |
| 46 border-radius: 12px; |
| 47 color: var(--secondary-text-color); |
| 48 display: flex; |
| 49 height: 24px; |
| 50 justify-content: center; |
| 51 position: relative; |
| 52 width: 24px; |
| 53 } |
| 54 |
| 55 #icon { |
| 56 background-repeat: no-repeat; |
| 57 height: 16px; |
| 58 margin: 2px; |
| 59 width: 16px; |
| 60 } |
| 61 </style> |
| 62 <div id="icon-wrapper"> |
| 63 <iron-icon id="folder-icon" icon="cr:folder" hidden$="[[!isFolder_]]"> |
| 64 </iron-icon> |
| 65 <div id="icon" hidden$="[[isFolder_]]"></div> |
| 66 </div> |
| 67 <div id="title"></div> |
| 68 </template> |
| 69 <script src="chrome://bookmarks/dnd_chip.js"></script> |
| 70 <dom-module> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2962923003:
[MD Bookmarks] Add drag and drop indicator. (Closed)
