Minor UI design style revamp

This commit is contained in:
Keavon Chambers
2023-04-27 02:05:45 -07:00
parent a4793fb284
commit 1f5bfdc2e5
43 changed files with 164 additions and 199 deletions
@@ -500,10 +500,6 @@
}
.icon-button:not(.active) {
.color-solid {
fill: var(--color-f-white);
}
.color-general {
fill: var(--color-data-general);
}
@@ -4,8 +4,6 @@
import { beginDraggingElement } from "@graphite/io-managers/drag";
import { platformIsMac } from "@graphite/utility-functions/platform";
import {
type LayerType,
type LayerTypeData,
type LayerPanelEntry,
defaultWidgetLayout,
patchWidgetLayout,
@@ -314,10 +312,6 @@
layers = layers;
}
}
function getLayerTypeData(layerType: LayerType): LayerTypeData {
return layerTypeData(layerType) || { name: "Error", icon: "Info" };
}
</script>
<LayoutCol class="layer-tree" on:dragleave={() => (dragInPanel = false)}>
@@ -359,7 +353,7 @@
on:dragstart={(e) => draggable && dragStart(e, listing)}
on:click={(e) => selectLayerWithModifiers(e, listing)}
>
{@const layerType = getLayerTypeData(listing.entry.layerType)}
{@const layerType = layerTypeData(listing.entry.layerType)}
<LayoutRow class="layer-type-icon">
<IconLabel icon={layerType.icon} />
</LayoutRow>
@@ -368,7 +362,7 @@
data-text-input
type="text"
value={listing.entry.name}
placeholder={"Untitled " + layerType.name}
placeholder={`Untitled ${layerType.name}`}
disabled={!listing.editingName}
on:blur={() => onEditLayerNameDeselect(listing)}
on:keydown={(e) => e.key === "Escape" && onEditLayerNameDeselect(listing)}