1
0
Fork 0
mirror of synced 2024-07-16 03:35:56 +12:00
This commit is contained in:
Martin McKeaveney 2020-02-18 19:24:18 +00:00
parent 3a406bc0da
commit 1390fba035
4 changed files with 19 additions and 23 deletions

View file

@ -4,7 +4,7 @@
"main": "dist/index.js", "main": "dist/index.js",
"module": "dist/index.js", "module": "dist/index.js",
"scripts": { "scripts": {
"build": "rollup -c && rollup -c rollup.generatorsconfig.js", "build": "rollup -c",
"prepublishOnly": "npm run build", "prepublishOnly": "npm run build",
"testbuild": "rollup -w -c rollup.testconfig.js", "testbuild": "rollup -w -c rollup.testconfig.js",
"dev": "run-p start:dev testbuild", "dev": "run-p start:dev testbuild",

View file

@ -12,7 +12,8 @@
border-radius: 5px; border-radius: 5px;
background: rgba(249, 249, 249, 1); background: rgba(249, 249, 249, 1);
width: 1.8rem; min-width: 1.8rem;
min-height: 1.8rem;
padding-bottom: 10px; padding-bottom: 10px;
display: flex; display: flex;

View file

@ -4,7 +4,7 @@
import { find, sortBy } from "lodash/fp" import { find, sortBy } from "lodash/fp"
import { ImageIcon, InputIcon, LayoutIcon } from "../common/Icons/" import { ImageIcon, InputIcon, LayoutIcon } from "../common/Icons/"
import Select from "../common/Select.svelte" import Select from "../common/Select.svelte"
import PlusButton from "../common/PlusButton.svelte" import Button from "../common/PlusButton.svelte"
let componentLibraries = [] let componentLibraries = []
let current_view = "text" let current_view = "text"
@ -83,7 +83,8 @@
<ul class="preset-menu"> <ul class="preset-menu">
<span>{splitName(component.name).componentName} Presets</span> <span>{splitName(component.name).componentName} Presets</span>
{#each Object.keys(component.presets) as preset} {#each Object.keys(component.presets) as preset}
<li on:click|stopPropagation={() => onComponentChosen(component.name, preset)}> <li
on:click|stopPropagation={() => onComponentChosen(component.name, preset)}>
{preset} {preset}
</li> </li>
{/each} {/each}
@ -91,15 +92,16 @@
{/if} {/if}
</div> </div>
{#if component.presets} {#if component.presets}
<PlusButton <Button
on:click={() => { on:click={() => {
selectedComponent = selectedComponent ? null : component.name; selectedComponent = selectedComponent ? null : component.name
}} }}>
> <span
<span class="open-presets" class:open={selectedComponent === component.name}> class="open-presets"
class:open={selectedComponent === component.name}>
... ...
</span> </span>
</PlusButton> </Button>
{/if} {/if}
</div> </div>
{/each} {/each}
@ -209,4 +211,8 @@
color: var(--button-text); color: var(--button-text);
background: var(--background-button) !important; background: var(--background-button) !important;
} }
.open {
color: rgba(0, 85, 255, 1);
}
</style> </style>

View file

@ -1,11 +0,0 @@
export const TEXTFIELD = {
STANDARD: {
variant: "standard"
},
FILLED: {
variant: "filled"
},
OUTLINED: {
variant: "outlined"
}
};