alphard/Comfyui-LayerForge
1
0
Fork 0
mirror of https://github.com/Azornes/Comfyui-LayerForge.git synced 2026-03-21 20:52:12 -03:00
Code Issues Packages Projects Releases Wiki Activity

Improve minimized "Custom Output Area Active" styling

Browse Source 
Unified the appearance of the minimized "Custom Output Area Active" bar with the full menu styling:
This commit is contained in:
Dariusz L
2025-07-30 11:05:04 +02:00
parent b09f9789de
commit fc4c343418
4 changed files with 218 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
js/css/custom_shape_menu.css
View File

@@ -29,16 +29,52 @@
gap: 8px;
}
/* --- MINIMIZED BAR INTERACTIVE STYLE --- */
.custom-shape-minimized-bar {
font-size: 13px;
font-weight: 600;
padding: 6px 12px;
border-radius: 6px;
background: #222;
color: #4a90e2;
box-shadow: 0 2px 8px rgba(0,0,0,0.10);
margin: 0 0 8px 0;
user-select: none;
cursor: pointer;
border: 1px solid #444;
transition: background 0.18s, color 0.18s, box-shadow 0.18s, border 0.18s;
outline: none;
text-shadow: none;
display: flex;
align-items: center;
gap: 8px;
}
.custom-shape-minimized-bar:hover, .custom-shape-minimized-bar:focus {
background: #2a2a2a;
color: #4a90e2;
border: 1.5px solid #4a90e2;
box-shadow: 0 4px 16px #4a90e244;
}
#layerforge-custom-shape-menu .feature-container {
background-color: #3a3a3a;
border-radius: 6px;
padding: 10px;
padding: 10px 12px;
border: 1px solid #4a4a4a;
margin-bottom: 12px;
display: flex;
flex-direction: column;
gap: 10px;
}
#layerforge-custom-shape-menu .feature-container:last-child {
margin-bottom: 0;
}
#layerforge-custom-shape-menu .slider-container {
margin-top: 10px;
margin-top: 6px;
margin-bottom: 0;
display: none;
gap: 6px;
}
#layerforge-custom-shape-menu .slider-label {
@@ -95,8 +131,8 @@
#layerforge-custom-shape-menu .checkbox-container {
display: flex;
align-items: center;
gap: 10px;
padding: 6px;
gap: 8px;
padding: 5px 0;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.2s;