starred/coolify
1
0
Fork 0
mirror of https://github.com/coollabsio/coolify.git synced 2026-11-06 13:10:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): drop deprecated -webkit-overflow-scrolling declarations

Browse Source 
Remove the obsolete -webkit-overflow-scrolling: touch rule from the
table and log scroll containers in app.css, and the matching inline
styles from the scrollable bodies of modals, dialogs, the global
search create modals, the domain settings, subscription and upgrade
views. Modern iOS Safari scrolls with momentum by default, so these
declarations no longer did anything.
This commit is contained in:
Andras Bacsai
2026-11-05 10:18:06 +01:00
parent 84d21b8bfa
commit 9e64998d68
9 changed files with 12 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
-4
View File
@@ -3049,7 +3049,6 @@ input[type="search"]::-webkit-search-results-decoration {
max-width: 100%;
overflow-x: auto;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}
.data-table-header {
@@ -3220,7 +3219,6 @@ input[type="search"]::-webkit-search-results-decoration {
.environment-table-scroll {
overflow-x: auto;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}
.environment-table-scroll .env-table-grid {
@@ -3701,7 +3699,6 @@ input[type="search"]::-webkit-search-results-decoration {
.deployment-table-scroll {
overflow-x: auto;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}
.deployment-table-grid {
@@ -4274,7 +4271,6 @@ html[data-theme="custom"] .logs-viewer-timestamp {
overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.logs-viewer-actions::-webkit-scrollbar {
resources/views/components/modal-confirmation.blade.php
+1 -2
View File
@@ -239,8 +239,7 @@
<x-reicon name="x" class="size-4" />
</button>
</header>
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
@if (!empty($checkboxes))
<!-- Step 1: Select actions -->
<div x-show="step === 1">
resources/views/components/modal-input.blade.php
+1 -2
View File
@@ -80,8 +80,7 @@
<div @class([
'application-settings-section-body min-h-0 flex-1 overflow-y-auto',
'mt-2 sm:mt-0' => isset($headerActions),
])
style="-webkit-overflow-scrolling: touch;">
])>
{{ $slot }}
</div>
@isset($footer)
resources/views/components/process-dialog.blade.php
+1 -2
View File
@@ -85,8 +85,7 @@
</button>
</header>
<div class="application-settings-section-body process-dialog-body flex min-h-0 flex-1 flex-col overflow-hidden p-3 sm:p-4"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body process-dialog-body flex min-h-0 flex-1 flex-col overflow-hidden p-3 sm:p-4">
{{ $content }}
</div>
</div>
resources/views/livewire/global-search.blade.php
+5 -10
View File
@@ -852,8 +852,7 @@
<x-reicon name="x" class="size-4" />
</button>
</header>
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
<livewire:project.add-empty key="create-modal-project" />
</div>
</div>
@@ -895,8 +894,7 @@
<x-reicon name="x" class="size-4" />
</button>
</header>
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
<livewire:team.create key="create-modal-team" />
</div>
</div>
@@ -938,8 +936,7 @@
<x-reicon name="x" class="size-4" />
</button>
</header>
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
<livewire:storage.create key="create-modal-storage" />
</div>
</div>
@@ -981,8 +978,7 @@
<x-reicon name="x" class="size-4" />
</button>
</header>
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
<livewire:security.private-key.create key="create-modal-private-key" />
</div>
</div>
@@ -1024,8 +1020,7 @@
<x-reicon name="x" class="size-4" />
</button>
</header>
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
<livewire:source.github.create key="create-modal-source" />
</div>
</div>
resources/views/livewire/project/application/domains.blade.php
+1 -2
View File
@@ -310,8 +310,7 @@
<div class="application-settings-section-body relative flex min-h-0 flex-1 flex-col overflow-hidden">
<form wire:submit="updateDomain" class="flex min-h-0 flex-1 flex-col">
<div data-testid="domain-settings-scroll"
class="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto overscroll-contain pb-4"
style="-webkit-overflow-scrolling: touch;">
class="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto overscroll-contain pb-4">
<div x-show="editingServiceLabel" x-cloak class="w-full">
<div class="mb-1.5 flex h-4 w-full items-center gap-1.5">
<label class="mb-0! flex items-center gap-1 text-sm font-medium leading-4">Service</label>
resources/views/livewire/project/service/domains.blade.php
+1 -2
View File
@@ -244,8 +244,7 @@
<x-reicon name="x" class="size-4" />
</button>
</header>
<div class="application-settings-section-body relative min-h-0 flex-1 overflow-y-auto"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body relative min-h-0 flex-1 overflow-y-auto">
<form wire:submit="updateDomain" class="flex flex-col gap-4">
<div x-show="editingServiceLabel" x-cloak class="w-full">
<div class="mb-1.5 flex h-4 w-full items-center gap-1.5">
resources/views/livewire/subscription/actions.blade.php
+1 -2
View File
@@ -112,8 +112,7 @@
<x-reicon name="x" class="size-3.5" />
</button>
</div>
<div class="application-settings-section-body relative w-auto space-y-4 overflow-y-auto p-4"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body relative w-auto space-y-4 overflow-y-auto p-4">
{{-- Server count input --}}
<div>
<label class="mb-1.5 block">Paid servers</label>
resources/views/livewire/upgrade.blade.php
+1 -2
View File
@@ -63,8 +63,7 @@
</button>
</header>
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto"
style="-webkit-overflow-scrolling: touch;">
<div class="application-settings-section-body min-h-0 flex-1 overflow-y-auto">
{{-- Progress View --}}
<template x-if="showProgress">
<div class="flex flex-col gap-4">