fixed some layout issues in firefox browser

Nuked88 · May 25, 2024 · 053bac1 · 053bac1
1 parent 9aa885a
commit 053bac1
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 20 deletions.
diff --git a/app/panels/custom_categories/custom_categories.html b/app/panels/custom_categories/custom_categories.html
@@ -12,8 +12,9 @@
     <div class="h-header" id="h_search" data-content="panel_head_home">
         <input type="text" id="searchInputCn" oninput="searchT(this)" placeholder="Search..." autocomplete="off" class="">
         <span class="clearIconCustomCategory">×</span>
-        <span class="searchCategoryIconCustomCategory">C</span>   <button id="openModalButton" onclick="openModal()">+</button>
+        <span class="searchCategoryIconCustomCategory">C</span>   
         </div>
+        <button id="openModalButton" onclick="openModal()">+</button>
 
 
 

diff --git a/app/panels/custom_categories/style.css b/app/panels/custom_categories/style.css
@@ -16,9 +16,9 @@ padding-top: 44px;
 }
 #custom_categories_header #h_search {
     position: absolute;
-width: calc(100% - 74px);
+width: calc(100% - 76px);
 margin-top: 0px;
-
+left: 10px;
 z-index: 400;
 
 }
@@ -33,8 +33,8 @@ border: 2px solid var(--border-color);
 color: var(--input-text);
 border-radius: 5px;
 float: right;
-position: absolute;
-margin: 2px 2px 2px 8px;
+position: relative;
+margin: 3px 2px 2px 8px;
 cursor: pointer;
 }
 

diff --git a/app/panels/custom_templates/custom_templates.html b/app/panels/custom_templates/custom_templates.html
@@ -4,9 +4,10 @@
             autocomplete="off" class="">
         <span class="clearIconCustomTemplate">×</span>
         <span class="searchTemplateIconCustomTemplate">C</span> 
-        <button id="openModalButton" onclick="custom_templates.openModal()">+</button>
-        <button id="refreshlButton" onclick="custom_templates.renderList('custom_templates_main')">⭮</button>
+
     </div>
+    <button id="openModalButton" onclick="custom_templates.openModal()">+</button>
+    <button id="refreshlButton" onclick="custom_templates.renderList('custom_templates_main')">⭮</button>
 </div>
 <div id="custom_templates_main">
 </div>
diff --git a/app/panels/custom_templates/style.css b/app/panels/custom_templates/style.css
@@ -2,12 +2,12 @@
 
     justify-content: center;
     align-items: center;
-    height: 100%;
+    height: 44px;
     margin: 0;
 }
 #custom_templates_main{
 
-padding-top: 44px;
+padding-top: 0px;
 }
 #custom_templates_header  {
     margin: 10px 20px;
@@ -16,9 +16,9 @@ padding-top: 44px;
 }
 #custom_templates_header #h_search {
     position: absolute;
-    width: calc(100% - 115px);
+    width: calc(100% - 123px);
     margin-top: 0px;
-
+    left: 10px;
     z-index: 400;
 
 }
@@ -33,8 +33,8 @@ border: 2px solid var(--border-color);
 color: var(--input-text);
 border-radius: 5px;
 float: right;
-position: absolute;
-margin: 2px 2px 2px 8px;
+position: relative;
+margin: 3px 2px 2px 8px;
 cursor: pointer;
 }
 

diff --git a/app/panels/custom_workflows/custom_workflows.html b/app/panels/custom_workflows/custom_workflows.html
@@ -4,9 +4,10 @@
             autocomplete="off" class="">
         <span class="clearIconCustomWorkflow">×</span>
         <span class="searchWorkflowIconCustomWorkflow">C</span> 
-        <button id="openModalButton" onclick="custom_workflows.openModal()">+</button>
-        <button id="refreshlButton" onclick="custom_workflows.renderList('custom_workflows_main')">⭮</button>
+
     </div>
+    <button id="openModalButton" onclick="custom_workflows.openModal()">+</button>
+    <button id="refreshlButton" onclick="custom_workflows.renderList('custom_workflows_main')">⭮</button>
 </div>
 <div id="custom_workflows_main">
 </div>
diff --git a/app/panels/custom_workflows/style.css b/app/panels/custom_workflows/style.css
@@ -16,9 +16,9 @@ padding-top: 44px;
 }
 #custom_workflows_header #h_search {
     position: absolute;
-    width: calc(100% - 115px);
+    width: calc(100% - 123px);
     margin-top: 0px;
-
+    left: 10px;
     z-index: 400;
 
 }
@@ -33,8 +33,8 @@ border: 2px solid var(--border-color);
 color: var(--input-text);
 border-radius: 5px;
 float: right;
-position: absolute;
-margin: 2px 2px 2px 8px;
+position: relative;
+margin: 3px 2px 2px 8px;
 cursor: pointer;
 }
 

diff --git a/pyproject.toml b/pyproject.toml
@@ -1,7 +1,7 @@
 [project]
 name = "comfyui-n-sidebar"
 description = "A simple sidebar for ComfyUI."
-version = "1.1.1"
+version = "1.1.2"
 license = "LICENSE"
 
 [project.urls]