text overflow fix in macros buttons

This commit is contained in:
sanjayk03-dev
2024-02-22 00:59:56 +05:30
parent 3ba9e6592c
commit bd5240f49a
3 changed files with 2 additions and 3 deletions

View File

@@ -226,7 +226,7 @@ script#control-view-template(type="text/x-template")
.macros-div(class="present")
button.macros-button(title="Click to run Macros",v-for="(index,macros) in config.macros",
@click="runMacros(index)",:disabled="!is_ready",v-bind:style="{ backgroundColor: macros.color }") {{macros.name}}
@click="runMacros(index)",:disabled="!is_ready",v-bind:style="{ backgroundColor: macros.color; overflow-wrap: break-word }") {{macros.name}}
.tabs

View File

@@ -81,7 +81,7 @@ script#macros-template(type="text/x-template")
p.title Macros Name
.input-container
input.input-color(type="color",id="macros-color",value="#ffffff",@change="editedColor")
input.input-name(type="text",minlength='1',maxlength='15',id="macros-name" ,v-model="macrosName",@keypress="editedName")
input.input-name(type="text",minlength='1',maxlength='20',id="macros-name" ,v-model="macrosName",@keypress="editedName")
p.title Macros G-Code
.flex-row-container
select(id="gcode-select",title="Select previously uploaded GCode programs.",selected