fix(storages): keep volume actions on one line

This commit is contained in:
Andras Bacsai
2026-09-16 14:13:44 +02:00
parent 34b3318639
commit 011d8bdb2a
3 changed files with 18 additions and 6 deletions
+4 -4
View File
@@ -2948,11 +2948,11 @@ input[type="search"]::-webkit-search-results-decoration {
}
.volumes-table-grid {
grid-template-columns: minmax(10rem, 1.4fr) minmax(6rem, 1fr) minmax(6rem, 1fr) 5rem 12rem;
grid-template-columns: minmax(10rem, 1.4fr) minmax(6rem, 1fr) minmax(6rem, 1fr) 5rem 15rem;
}
.volumes-table-grid-with-pr {
grid-template-columns: minmax(9rem, 1.2fr) minmax(5.5rem, 0.85fr) minmax(5.5rem, 0.85fr) 9.25rem 5rem 12rem;
grid-template-columns: minmax(9rem, 1.2fr) minmax(5.5rem, 0.85fr) minmax(5.5rem, 0.85fr) 9.25rem 5rem 15rem;
}
.volumes-mobile-label {
@@ -2988,7 +2988,7 @@ input[type="search"]::-webkit-search-results-decoration {
@media (max-width: 1100px) {
.volumes-table-grid {
grid-template-columns: minmax(9rem, 1.2fr) minmax(6rem, 1fr) 5rem 12rem;
grid-template-columns: minmax(9rem, 1.2fr) minmax(6rem, 1fr) 5rem 15rem;
}
.volumes-table-grid > .volumes-col-source,
@@ -2997,7 +2997,7 @@ input[type="search"]::-webkit-search-results-decoration {
}
.volumes-table-grid-with-pr {
grid-template-columns: minmax(9rem, 1.1fr) minmax(6rem, 1fr) 8.5rem 5rem 12rem;
grid-template-columns: minmax(9rem, 1.1fr) minmax(6rem, 1fr) 8.5rem 5rem 15rem;
}
.volumes-table-grid-with-pr > .volumes-col-source,
@@ -108,7 +108,7 @@
@if ($showBackupAction)
<div
class="volumes-col-actions volumes-cell-actions flex flex-wrap items-center justify-end gap-1.5">
class="volumes-col-actions volumes-cell-actions flex flex-nowrap items-center justify-end gap-1.5">
@if ($canUpdate)
<x-modal-input title="Configure Volume Backup" :wireIgnore="false">
<x-slot:content>
@@ -210,7 +210,7 @@
</div>
<div
class="volumes-col-actions volumes-cell-actions flex flex-wrap items-center justify-end gap-1.5">
class="volumes-col-actions volumes-cell-actions flex flex-nowrap items-center justify-end gap-1.5">
<x-forms.button type="submit" class="!px-2.5 !text-xs">
Update
</x-forms.button>
@@ -249,6 +249,18 @@ it('renders volume actions and PR suffix controls as valid markup', function ()
->and($xpath->query("//template[@x-teleport='body']/*[@role='listbox']"))->toHaveCount(2);
});
it('keeps editable volume actions on one line', function () {
$view = file_get_contents(resource_path('views/livewire/project/shared/storages/all.blade.php'));
$css = file_get_contents(resource_path('css/app.css'));
expect($view)
->toMatch('/volumes-col-actions volumes-cell-actions flex flex-nowrap items-center justify-end gap-1\.5[\s\S]*?Update[\s\S]*?Backup[\s\S]*?Delete/');
expect($css)
->toMatch('/\.volumes-table-grid\s*\{[^}]*grid-template-columns:[^;}]*15rem;/')
->toMatch('/\.volumes-table-grid-with-pr\s*\{[^}]*grid-template-columns:[^;}]*15rem;/');
});
it('declares explicit authorization on the changed storage controls', function () {
$view = file_get_contents(resource_path('views/livewire/project/shared/storages/all.blade.php'));