Commit 15509ec79101d6a5a6219e03144b0621a199c3cc
1 parent
7c6897cd
controllets and base datatel behavior update
Showing
3 changed files
with
11 additions
and
15 deletions
controllets/create-card-controllet/create-card-controllet.html
controllets/generic-cards-container-controllet/generic-cards-container-controllet.html
| ... | ... | @@ -64,7 +64,7 @@ Example: |
| 64 | 64 | top: 8px; |
| 65 | 65 | } |
| 66 | 66 | |
| 67 | - .grid | |
| 67 | + .card-grid | |
| 68 | 68 | { |
| 69 | 69 | width: 100%; |
| 70 | 70 | z-index: 0; |
| ... | ... | @@ -72,7 +72,7 @@ Example: |
| 72 | 72 | padding: 5%; |
| 73 | 73 | } |
| 74 | 74 | |
| 75 | - .grid:after { | |
| 75 | + .card-grid:after { | |
| 76 | 76 | content: ''; |
| 77 | 77 | display: block; |
| 78 | 78 | clear: both; |
| ... | ... | @@ -93,14 +93,10 @@ Example: |
| 93 | 93 | float: left; |
| 94 | 94 | } |
| 95 | 95 | |
| 96 | - ::content #delete{ | |
| 97 | - display: none; | |
| 98 | - } | |
| 99 | - | |
| 100 | 96 | </style> |
| 101 | 97 | |
| 102 | 98 | <div id="container" class="layout vertical"> |
| 103 | - <div class="grid"> | |
| 99 | + <div class="card-grid"> | |
| 104 | 100 | <content></content> |
| 105 | 101 | </div> |
| 106 | 102 | </div> | ... | ... |
controllets/paper-card-controllet/paper-card-controllet.html
| ... | ... | @@ -81,7 +81,7 @@ |
| 81 | 81 | font-family: 'Roboto', sans-serif; |
| 82 | 82 | } |
| 83 | 83 | |
| 84 | - #delete{ | |
| 84 | + .delete{ | |
| 85 | 85 | position: absolute; |
| 86 | 86 | top: -12px; |
| 87 | 87 | left: -12px; |
| ... | ... | @@ -96,7 +96,7 @@ |
| 96 | 96 | |
| 97 | 97 | <paper-material animated elevation="{{elevation}}" flex> |
| 98 | 98 | |
| 99 | - <paper-fab id="delete" mini icon="delete" on-click="_handleDeleteClick"></paper-fab> | |
| 99 | + <paper-fab class="delete" mini icon="delete" on-click="_handleDeleteClick"></paper-fab> | |
| 100 | 100 | |
| 101 | 101 | <div class="vertical layout"> |
| 102 | 102 | <div id="content"> |
| ... | ... | @@ -111,25 +111,25 @@ |
| 111 | 111 | |
| 112 | 112 | <template is="dom-if" if="{{checkType(cardType, 'text')}}"> |
| 113 | 113 | |
| 114 | - <paper-fab id="modify" mini icon="create" on-click="_handleDetailsClick"></paper-fab> | |
| 114 | + <paper-fab class="modify" mini icon="create" on-click="_handleDetailsClick"></paper-fab> | |
| 115 | 115 | |
| 116 | 116 | </template> |
| 117 | 117 | |
| 118 | 118 | <template is="dom-if" if="{{checkType(cardType, 'image')}}"> |
| 119 | 119 | |
| 120 | - <paper-fab id="modify" mini icon="perm-media" on-click="_handleDetailsClick"></paper-fab> | |
| 120 | + <paper-fab class="modify" mini icon="perm-media" on-click="_handleDetailsClick"></paper-fab> | |
| 121 | 121 | |
| 122 | 122 | </template> |
| 123 | 123 | |
| 124 | 124 | <template is="dom-if" if="{{checkType(cardType, 'datalet')}}"> |
| 125 | 125 | |
| 126 | - <paper-fab id="modify" mini icon="assessment" on-click="_handleDetailsClick"></paper-fab> | |
| 126 | + <paper-fab class="modify" mini icon="assessment" on-click="_handleDetailsClick"></paper-fab> | |
| 127 | 127 | |
| 128 | 128 | </template> |
| 129 | 129 | |
| 130 | 130 | <template is="dom-if" if="{{checkType(cardType, 'link')}}"> |
| 131 | 131 | |
| 132 | - <paper-fab id="modify" mini icon="link" on-click="_handleDetailsClick"></paper-fab> | |
| 132 | + <paper-fab class="modify" mini icon="link" on-click="_handleDetailsClick"></paper-fab> | |
| 133 | 133 | |
| 134 | 134 | </template> |
| 135 | 135 | ... | ... |