Property inspector buttons correctly positioned now

yazz · Oct 25, 2023 · 279576b · 279576b
1 parent 0ca57e5
commit 279576b
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/runtimePipelineYazzUiTemplate.js b/src/runtimePipelineYazzUiTemplate.js
@@ -2126,7 +2126,7 @@ Pushlist
                             <div>
                                 <div  v-bind:style='(((form.name == active_form) && (active_component_index == null) && (!model.app_selected)) ?"border: 0px solid red;background-color:gray;color:white;":"color:black;") + "padding:4px;margin:0px;margin-left:30px;border-radius: 3px;position:relative;"'>
 
-                                    <button v-on:click='selected_pane = "properties";chooseRight("properties");' v-if='((form.name == active_form) && (active_component_index == null) && (!model.app_selected))' type=button class='btn btn-sm btn-light' style="margin-right:5px;padding:3px;position:absolute;left:-20px;"><img src='/driver_icons/up_arrow.png' style="height:12px;"></img></button>
+                                    <button v-on:click='selected_pane = "properties";chooseRight("properties");' v-if='((form.name == active_form) && (active_component_index == null) && (!model.app_selected))' type=button class='btn btn-sm btn-light' style="margin-right:5px;padding:3px;position:absolute;left:-24px;"><img src='/driver_icons/up_arrow.png' style="height:12px;"></img></button>
                                      <img
                                             src='/driver_icons/form.png'
                                             style='width: 20px; margin-right: 10px;'
@@ -2141,19 +2141,19 @@ Pushlist
 
                                     <div  v-bind:style='(((index == active_component_index) && design_mode)?"border: 0px solid red;background-color: gray;color: white;":"") + "margin-left:80px; padding:2px;border-radius: 3px;width:90%;"'
                                           v-if='(av.parent == null)'>
-                                      <div  style='width:100%;display:inline-block;overflow: hidden;position:relative;'>
+                                      <div  style='width:100%;position:relative;'>
 
-                                              <button v-on:click='selected_pane = "properties";chooseRight("properties");' v-if='(index == active_component_index) && design_mode' type=button class='btn btn-sm btn-light' style="margin-right:5px;padding:3px;position:absolute;left:-20px;"><img src='/driver_icons/up_arrow.png' style="height:12px;"></img></button>
+                                              <button v-on:click='selected_pane = "properties";chooseRight("properties");' v-if='(index == active_component_index) && design_mode' type=button class='btn btn-sm btn-light' style="margin-right:5px;padding:3px;position:absolute;left:-24px;"><img src='/driver_icons/up_arrow.png' style="height:12px;"></img></button>
                                               <span v-on:click='$event.stopPropagation();selected_pane = "project";selectComponent(index)'>{{av.name}}</span>
                                               
                                               <div    v-if='form.name == active_form'
                                                       v-for='(av2,index2) in getActiveFormComponents()'>
 
                                                   <div  v-bind:style='(((index2 == active_component_index) && design_mode)?"border: 0px solid red;background-color: gray;color: white;":"") + "margin-left:20px; padding:2px;border-radius: 3px;width:90%;"'
                                                         v-if='(av2.parent == av.name)'>
-                                                    <div  style='width:100%;display:inline-block;overflow: hidden;position: relative;'>
+                                                    <div  style='width:100%;position: relative;'>
 
-                                                            <button v-on:click='selected_pane = "properties";chooseRight("properties");' v-if='((index2 == active_component_index) && design_mode)' type=button class='btn btn-sm btn-light' style="margin-right:5px;padding:3px;position:absolute;left:-20px;"><img src='/driver_icons/up_arrow.png' style="height:12px;"></img></button>
+                                                            <button v-on:click='selected_pane = "properties";chooseRight("properties");' v-if='((index2 == active_component_index) && design_mode)' type=button class='btn btn-sm btn-light' style="margin-right:5px;padding:3px;position:absolute;left:-24px;"><img src='/driver_icons/up_arrow.png' style="height:12px;"></img></button>
                                                             <span v-on:click='$event.stopPropagation();selected_pane = "project";selectComponent(index2)'>{{av2.name}}</span>
                                                     </div>
                                                   </div>