fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-10-01 00:08:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add features to NumberInput widget; refactor widgets and tool options (#311)

Browse Source 
Closes #310

* Add features to NumberInput widget; refactor widgets and tool options

* Fix swap/reset working colors using @click instead of :action
This commit is contained in:
Keavon Chambers
2021-07-27 18:28:21 -07:00
parent 8c91683c5b
commit a288d51543
14 changed files with 330 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/web/src/components/panels/LayerTree.vue
+11 -3
View File
@@ -5,7 +5,7 @@
<Separator :type="SeparatorType.Related" />
<NumberInput v-model:value="opacity" :min="0" :max="100" :step="1" :unit="`%`" />
<NumberInput v-model:value="opacity" :min="0" :max="100" :unit="`%`" :displayDecimalPlaces="2" />
<Separator :type="SeparatorType.Related" />
@@ -18,7 +18,12 @@
<LayoutCol :class="'list'" @click="deselectAllLayers">
<div class="layer-row" v-for="layer in layers" :key="layer.path">
<div class="layer-visibility">
<IconButton :icon="layer.visible ? 'EyeVisible' : 'EyeHidden'" @click.stop="toggleLayerVisibility(layer.path)" :size="24" :title="layer.visible ? 'Visible' : 'Hidden'" />
<IconButton
:action="(e) => (toggleLayerVisibility(layer.path), e.stopPropagation())"
:icon="layer.visible ? 'EyeVisible' : 'EyeHidden'"
:size="24"
:title="layer.visible ? 'Visible' : 'Hidden'"
/>
</div>
<div
class="layer"
@@ -111,10 +116,13 @@
<script lang="ts">
import { defineComponent } from "vue";
import { ResponseType, registerResponseHandler, Response, BlendMode, ExpandFolder, LayerPanelEntry } from "@/utilities/response-handler";
import { SeparatorType } from "@/components/widgets/widgets";
import LayoutRow from "@/components/layout/LayoutRow.vue";
import LayoutCol from "@/components/layout/LayoutCol.vue";
import Separator, { SeparatorType } from "@/components/widgets/separators/Separator.vue";
import Separator from "@/components/widgets/separators/Separator.vue";
import NumberInput from "@/components/widgets/inputs/NumberInput.vue";
import PopoverButton from "@/components/widgets/buttons/PopoverButton.vue";
import { MenuDirection } from "@/components/widgets/floating-menus/FloatingMenu.vue";