Commit de17617f authored by christianrhansen's avatar christianrhansen

cell editor is dark now

parent ecf75376
Pipeline #51366 passed with stage
in 1 minute and 34 seconds
<template lang="pug">
div.q-pb-md
.q-pl-md.q-py-xs.bg-grey-2
q-item.q-pa-none.text-dark(style="height: 54px;")
q-item-main
.q-pl-md.q-py-xs(style="border-bottom: 1px solid rgba(255,255,255,0.04);")
q-item.q-pa-none(style="height: 54px;")
q-item-main.text-grey-3
strong Edit Cell
q-item-side.text-right
q-btn.q-px-md(@click="closePanel()", flat, no-ripple)
q-btn.q-px-md.text-grey-3(@click="closePanel()", flat, no-ripple)
q-icon(name="clear")
q-list.q-pa-none.ani-opacity(v-for="(cell, index) in cells", :key="cell._uuid")
......@@ -14,10 +14,10 @@
//----- header
// q-item.q-py-sm(:class="[isMobil.componente ? 'q-pr-sm' : 'q-pr-none']")
q-item.q-pa-none.q-my-sm
q-item-main.text-dark.q-pl-md
q-item-main.text-grey-3.q-pl-md
strong {{ itemSpecs[cell.configuration._value.component][0].type }}
q-item-side.text-dark.text-right
q-item-side.text-grey-3.text-right
// delete-button
q-btn.q-py-sm.q-px-md.text-red(@click="deleteCell(annotations[index])", size="xs", flat, no-ripple)
......@@ -39,27 +39,28 @@
v-if="cell.configuration._value.path === spec.path",
:class="[isMobile ? '' : 'q-mt-sm']")
q-item-main.bg-grey-2.q-py-sm(style="border-radius: .35rem;")
q-item-main.bg-grey-9.q-py-sm(style="border-radius: .15rem;")
q-item-tile.q-px-md
q-field(
:helper="spec.help",
:error="spec.error",
:error-label="spec.errorMessage",
style="width: 100%")
:helper="spec.help",
:error="spec.error",
:error-label="spec.errorMessage",
style="width: 100%")
template(v-if="spec.inputType === 'select'")
q-select(
:float-label="spec.label",
:options="spec.selectOptions",
@select="value => handleItemChanged(value, cell, spec.path)")
:float-label="spec.label",
:options="spec.selectOptions",
@select="value => handleItemChanged(value, cell, spec.path)")
template(v-else)
q-input(
:type="spec.inputType",
:min-rows="1",
:max-height="500",
:value="cell.source._value[spec.path]",
@change="value => handleItemChanged(value, cell, spec.path)",
hide-underline)
dark,
:type="spec.inputType",
:min-rows="1",
:max-height="500",
:value="cell.source._value[spec.path]",
@change="value => handleItemChanged(value, cell, spec.path)",
hide-underline)
//----- media-/annotation-button
// q-item.q-pa-none(v-if="['CellMedia', 'CellAnnotationList'].includes(cell.component)")
......
......@@ -53,7 +53,8 @@
// ------------------------------------------------------------------------------------------------------------ grid
// modal for existing cell editing
q-modal.z-max(v-model="modal", minimized, content-css="border-radius: .35rem!important;")
cell-editor(@closePanel="closePanelHandler", @removeCell="removeCellHandler")
cell-editor.bg-dark(@closePanel="closePanelHandler", @removeCell="removeCellHandler",
style="border: 1px solid rgba(255,255,255,0.2);")
// -----------------------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------ grid
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment