bostame/workdock-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

snapshot: preserve builder section-rules layout refinement

Browse Source
This commit is contained in:
Md Bayazid Bostame
2026-03-27 21:18:03 +01:00
parent 61e3fae18d
commit 855eb8e02f
3 changed files with 31 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
backend/workflows/static/workflows/css/form_builder.css
View File

@@ -1582,20 +1582,23 @@ body {
.section-rule-grid {
display: flex;
flex-direction: column;
gap: 10px;
gap: 8px;
min-width: 0;
}
.section-rule-card {
display: grid;
grid-template-columns: auto auto minmax(0, 1fr) auto;
grid-template-columns: 30px auto minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
padding: 14px 16px;
gap: 10px;
padding: 12px 14px;
border: 1px solid #d6e0ec;
border-radius: 16px;
border-radius: 14px;
background: linear-gradient(180deg, #fbfdff, #ffffff);
transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
width: 100%;
box-sizing: border-box;
max-width: 100%;
}
.section-rule-card:hover {
@@ -1608,6 +1611,13 @@ body {
background: linear-gradient(180deg, #f5f8fc, #fbfdff);
}
.section-rule-actions {
display: inline-flex;
align-items: center;
gap: 5px;
padding-right: 0;
}
.section-rule-order {
display: inline-flex;
align-items: center;
@@ -1622,21 +1632,14 @@ body {
box-shadow: inset 0 0 0 1px #cdddff;
}
.section-rule-actions {
display: inline-flex;
align-items: center;
gap: 6px;
padding-right: 2px;
}
.section-move-btn {
width: 34px;
height: 34px;
width: 32px;
height: 32px;
border: 1px solid #cdd9e8;
border-radius: 11px;
border-radius: 10px;
background: linear-gradient(180deg, #ffffff, #f5f9ff);
color: #274264;
font-size: 15px;
font-size: 14px;
font-weight: 700;
line-height: 1;
cursor: pointer;
@@ -1659,13 +1662,13 @@ body {
.section-rule-copy {
display: grid;
gap: 4px;
gap: 3px;
min-width: 0;
}
.section-rule-copy strong {
color: #0f172a;
font-size: 15px;
font-size: 14px;
font-weight: 700;
overflow-wrap: anywhere;
}
@@ -1681,6 +1684,10 @@ body {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
justify-self: end;
justify-content: flex-end;
white-space: nowrap;
}
.section-rule-checkbox {