mosys mobile: styling "selected cell header"

68136a9d · christianrhansen · e78a19ae · 68136a9d
Commit 68136a9d authored Nov 06, 2019 by christianrhansen
Hide whitespace changes
Inline Side-by-side

Showing with 13 additions and 4 deletions

partials/GridEditor.vue partials/GridEditor.vue +13 -4

No files found.
--- a/partials/GridEditor.vue
+++ b/partials/GridEditor.vue
@@ -28,15 +28,24 @@

    // -------------------------------------------------------------------------------------------- selected cell header
    #selected-cell-header.fixed-top.z-top.bg-dark.text-white.transition(:class="{'show': showEditingCells}")
-      q-item.q-pl-md.q-pr-xs.q-py-none.full-height(v-if="!modal")
+      q-item.q-pl-md.q-pr-none.q-py-none.full-height(v-if="!modal")
        q-item-main
          strong {{ selectedCell.type }}
-        q-item-side
-          q-btn.bg-transparent.text-white(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
+        q-item-side.row
+
+          q-btn.text-white.q-px-sm(@click="", flat)
+            q-icon(name="edit")
+
+          q-btn.text-white.q-px-sm(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
          flat)
            q-icon(name="delete")
+
+          q-btn.text-white.q-px-md.q-mr-md.on-right(@click="", flat,
+          style="border-radius: .5rem; width: 42px; border: 1px solid rgba(255, 255, 255, .3);")
+            q-icon(name="clear")
+
          //
-            q-btn.bg-transparent.text-white.q-px-sm(@click="", flat)
+            q-btn.text-white.q-px-sm(@click="", flat)
              q-icon(name="edit")

            q-btn.bg-transparent.text-white.q-pl-sm.q-pr-md(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",