feat(25-shipment-presets-management): edycja, usuwanie i zarządzanie presetami przesyłek
Phase 25 complete — milestone v1.0 done: - Ikonka edycji (✎) na hover z dropdown menu - Edycja nazwy i koloru presetu w popup - "Zapisz bieżące wartości" — aktualizacja parametrów z formularza - Usuwanie z potwierdzeniem OrderProAlerts.confirm() - SCSS: dropdown, edit-icon, btn-wrap style Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -92,3 +92,70 @@
|
||||
border-color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.shipment-presets__btn-wrap {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
|
||||
&:hover .shipment-presets__edit-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.shipment-presets__edit-icon {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
right: -6px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
transition: opacity 0.15s;
|
||||
padding: 0;
|
||||
color: #666;
|
||||
z-index: 2;
|
||||
|
||||
&:hover {
|
||||
background: #f3f4f6;
|
||||
border-color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.shipment-presets__dropdown {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
margin-top: 4px;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
||||
z-index: 100;
|
||||
min-width: 200px;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.shipment-presets__dropdown-item {
|
||||
padding: 6px 14px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
background: #f3f4f6;
|
||||
}
|
||||
|
||||
&.is-danger {
|
||||
color: #ef4444;
|
||||
|
||||
&:hover {
|
||||
background: #fef2f2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user