Merge pull request #17 from paragonHex/fab-color-and-position-fix

FAB positioned to bottom of component, its default color changed to #…
unicef-polymer · Mar 3, 2017 · a8fbe3f · a8fbe3f
2 parents b7d84a4 + 0b8f9c4
commit a8fbe3f
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/etools-repeatable-field-set.html b/etools-repeatable-field-set.html
@@ -57,8 +57,8 @@
         --paper-fab: {
           position: absolute;
           right: 15px;
-          top: 15px;
-          background: var(--repeatable-items-add-btn-bg, #8dc63f);
+          bottom: -20px;
+          background: var(--repeatable-items-add-btn-bg, #72C300);
           z-index: 51;
         };
         --paper-toolbar-title: {
@@ -167,10 +167,6 @@
           <paper-icon-button on-click="_toggle" icon$="[[_getExpandBtnIcon(open)]]"></paper-icon-button>
           <div class="title">[[title]] <span hidden$="{{!showCounter}}">([[model.length]])</span></div>
 
-          <paper-fab hidden$="{{hideFab}}"
-            icon="add"
-            on-tap="_addElement"
-            title="Add"></paper-fab>
         </paper-toolbar>
 
         <iron-collapse id="collapse" opened="{{open}}">
@@ -200,6 +196,11 @@
 
         </iron-collapse>
 
+        <paper-fab hidden$="{{hideFab}}"
+          icon="add"
+          on-tap="_addElement"
+          title="Add"></paper-fab>
+
       </paper-material>
     </div>