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
| @@ -107,11 +107,11 @@ | @@ -107,11 +107,11 @@ | ||
| 107 | margin: 20px; | 107 | margin: 20px; |
| 108 | } | 108 | } |
| 109 | 109 | ||
| 110 | - ::content #modify{ | 110 | + ::content #card_preview .modify{ |
| 111 | display: none; | 111 | display: none; |
| 112 | } | 112 | } |
| 113 | 113 | ||
| 114 | - ::content #delete{ | 114 | + ::content #card_preview .delete{ |
| 115 | display: none; | 115 | display: none; |
| 116 | } | 116 | } |
| 117 | 117 |
controllets/generic-cards-container-controllet/generic-cards-container-controllet.html
| @@ -64,7 +64,7 @@ Example: | @@ -64,7 +64,7 @@ Example: | ||
| 64 | top: 8px; | 64 | top: 8px; |
| 65 | } | 65 | } |
| 66 | 66 | ||
| 67 | - .grid | 67 | + .card-grid |
| 68 | { | 68 | { |
| 69 | width: 100%; | 69 | width: 100%; |
| 70 | z-index: 0; | 70 | z-index: 0; |
| @@ -72,7 +72,7 @@ Example: | @@ -72,7 +72,7 @@ Example: | ||
| 72 | padding: 5%; | 72 | padding: 5%; |
| 73 | } | 73 | } |
| 74 | 74 | ||
| 75 | - .grid:after { | 75 | + .card-grid:after { |
| 76 | content: ''; | 76 | content: ''; |
| 77 | display: block; | 77 | display: block; |
| 78 | clear: both; | 78 | clear: both; |
| @@ -93,14 +93,10 @@ Example: | @@ -93,14 +93,10 @@ Example: | ||
| 93 | float: left; | 93 | float: left; |
| 94 | } | 94 | } |
| 95 | 95 | ||
| 96 | - ::content #delete{ | ||
| 97 | - display: none; | ||
| 98 | - } | ||
| 99 | - | ||
| 100 | </style> | 96 | </style> |
| 101 | 97 | ||
| 102 | <div id="container" class="layout vertical"> | 98 | <div id="container" class="layout vertical"> |
| 103 | - <div class="grid"> | 99 | + <div class="card-grid"> |
| 104 | <content></content> | 100 | <content></content> |
| 105 | </div> | 101 | </div> |
| 106 | </div> | 102 | </div> |
controllets/paper-card-controllet/paper-card-controllet.html
| @@ -81,7 +81,7 @@ | @@ -81,7 +81,7 @@ | ||
| 81 | font-family: 'Roboto', sans-serif; | 81 | font-family: 'Roboto', sans-serif; |
| 82 | } | 82 | } |
| 83 | 83 | ||
| 84 | - #delete{ | 84 | + .delete{ |
| 85 | position: absolute; | 85 | position: absolute; |
| 86 | top: -12px; | 86 | top: -12px; |
| 87 | left: -12px; | 87 | left: -12px; |
| @@ -96,7 +96,7 @@ | @@ -96,7 +96,7 @@ | ||
| 96 | 96 | ||
| 97 | <paper-material animated elevation="{{elevation}}" flex> | 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 | <div class="vertical layout"> | 101 | <div class="vertical layout"> |
| 102 | <div id="content"> | 102 | <div id="content"> |
| @@ -111,25 +111,25 @@ | @@ -111,25 +111,25 @@ | ||
| 111 | 111 | ||
| 112 | <template is="dom-if" if="{{checkType(cardType, 'text')}}"> | 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 | </template> | 116 | </template> |
| 117 | 117 | ||
| 118 | <template is="dom-if" if="{{checkType(cardType, 'image')}}"> | 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 | </template> | 122 | </template> |
| 123 | 123 | ||
| 124 | <template is="dom-if" if="{{checkType(cardType, 'datalet')}}"> | 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 | </template> | 128 | </template> |
| 129 | 129 | ||
| 130 | <template is="dom-if" if="{{checkType(cardType, 'link')}}"> | 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 | </template> | 134 | </template> |
| 135 | 135 |