69 lines
3.0 KiB
HTML
69 lines
3.0 KiB
HTML
<h4 class="dialog-title">Stroke</h4>
|
|
|
|
<div id="stroke">
|
|
<div class="dialog-section no-p">
|
|
<div class="form-group no-m">
|
|
<input class="input no-b no-p text-center text-large" spellcheck="false" type="number" v-model="active_style.stroke">
|
|
<button tabindex="-1" class="input-drag btn btn-transparent btn-icon" v-sd-fader="true" sd-fader-var-y="active_style.stroke" sd-fader-min-y="0" sd-fader-max-y="100" sd-fader-step="1">
|
|
<span class="icon icon-triangles-vertical"></span>
|
|
</button>
|
|
<span class="input-unit">px</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dialog-section no-p-h no-p-b" v-show="selection_metrics.borders_stylable">
|
|
<div class="form-group no-m">
|
|
<label class="label label-sm">Border Radius</label>
|
|
<input class="input no-b no-p text-center" spellcheck="false" type="number" v-model="active_style.border_radius">
|
|
<button tabindex="-1" class="input-drag btn btn-transparent btn-icon" v-sd-fader="true" sd-fader-var-y="active_style.border_radius" sd-fader-min-y="0" sd-fader-max-y="500" sd-fader-step="1">
|
|
<span class="icon icon-triangles-vertical"></span>
|
|
</button>
|
|
<span class="input-unit">px</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="style" class="dialog-section no-p-h no-p-b" v-show="selection_metrics.borders_stylable">
|
|
<div class="form-group">
|
|
<label class="label label-sm">Border Style</label>
|
|
<div class="btn-group center">
|
|
<button class="btn btn-transparent btn-icon" v-on="click:set_artifact_style_prop('stroke_style','solid')">
|
|
<span class="icon icon-border-solid"></span>
|
|
</button>
|
|
<button class="btn btn-transparent btn-icon" v-on="click:set_artifact_style_prop('stroke_style','dashed')">
|
|
<span class="icon icon-border-dashed"></span>
|
|
</button>
|
|
<button class="btn btn-transparent btn-icon" v-on="click:set_artifact_style_prop('stroke_style','dotted')">
|
|
<span class="icon icon-border-dotted"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="dialog-section">
|
|
<label class="btn btn-sm btn-round color-indicator" style="background-color:{{active_style.stroke_color}}"><input type="color" v-model="active_style.stroke_color" style="display:block;visibility:hidden;position:absolute;"></label>
|
|
</div>
|
|
-->
|
|
<div class="dialog-section no-p">
|
|
<button class="btn btn-transparent btn-block text-center" v-on="click:reset_stroke()">Remove Stroke</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--div id="style" class="dialog-section">
|
|
<div class="form-group">
|
|
<label class="label label-sm">Arrow Head</label>
|
|
<div class="btn-group center">
|
|
<button class="btn btn-transparent btn-icon">
|
|
<span class="icon icon-chevron-up-4"></span>
|
|
</button>
|
|
<button class="btn btn-transparent btn-icon">
|
|
<span class="icon icon-shape-triangle"></span>
|
|
</button>
|
|
<button class="btn btn-transparent btn-icon">
|
|
<span class="icon icon-moon-new"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div-->
|
|
|