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 |