einundzwanzig/einundzwanzig-portal
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git synced 2025-12-11 06:46:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

x-trap

Browse Source
This commit is contained in:
Benjamin Takats
2023-01-19 17:52:56 +01:00
parent 314d07034b
commit f6109353ef
4 changed files with 30 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@@ -8,6 +8,7 @@
}, },
"devDependencies": { "devDependencies": {
"@alpinejs/collapse": "^3.10.5", "@alpinejs/collapse": "^3.10.5",
"@alpinejs/focus": "^3.11.1",
"@alpinejs/intersect": "^3.11.1", "@alpinejs/intersect": "^3.11.1",
"@tailwindcss/forms": "^0.5.2", "@tailwindcss/forms": "^0.5.2",
"@tailwindcss/typography": "^0.5.0", "@tailwindcss/typography": "^0.5.0",

10
resources/js/app.js
View File

@@ -1,11 +1,13 @@
import './bootstrap'; import './bootstrap'
import Alpine from 'alpinejs'; import Alpine from 'alpinejs'
import collapse from '@alpinejs/collapse' import collapse from '@alpinejs/collapse'
import intersect from '@alpinejs/intersect' import intersect from '@alpinejs/intersect'
import focus from '@alpinejs/focus'
window.Alpine = Alpine; window.Alpine = Alpine
Alpine.plugin(collapse) Alpine.plugin(collapse)
Alpine.plugin(intersect) Alpine.plugin(intersect)
Alpine.start(); Alpine.plugin(focus)
Alpine.start()

4
resources/views/livewire/chat/highscore-chat.blade.php
View File

@@ -10,7 +10,9 @@
x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full"
class="pointer-events-auto w-screen max-w-md" class="pointer-events-auto w-screen max-w-md"
x-description="Slide-over panel, show/hide based on slide-over state."> x-description="Slide-over panel, show/hide based on slide-over state."
x-trap.noscroll="open"
>
<div class="flex h-full flex-col overflow-y-scroll bg-white shadow-xl"> <div class="flex h-full flex-col overflow-y-scroll bg-white shadow-xl">
<div class="bg-amber-700 py-6 px-4 sm:px-6"> <div class="bg-amber-700 py-6 px-4 sm:px-6">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">

19
yarn.lock
View File

@@ -7,6 +7,13 @@
resolved "https://registry.yarnpkg.com/@alpinejs/collapse/-/collapse-3.11.1.tgz#391b393f646f1c43787fcc7351d365a7ac0ae538" resolved "https://registry.yarnpkg.com/@alpinejs/collapse/-/collapse-3.11.1.tgz#391b393f646f1c43787fcc7351d365a7ac0ae538"
integrity sha512-H5GQ4rEWN5Z5vKf4U+FtUdcRDdHSa+p4cAesiB+I2njfOxw0EDuobugiP1Pf3DpmyIk8iJx7feLmxeboqxbpRA== integrity sha512-H5GQ4rEWN5Z5vKf4U+FtUdcRDdHSa+p4cAesiB+I2njfOxw0EDuobugiP1Pf3DpmyIk8iJx7feLmxeboqxbpRA==
"@alpinejs/focus@^3.11.1":
version "3.11.1"
resolved "https://registry.yarnpkg.com/@alpinejs/focus/-/focus-3.11.1.tgz#8f18bf6099814e9dd45e1c8645bc1d971484e471"
integrity sha512-5gbkgwLlxFfYomCt4cHda5DxBwIdBagmA1AXiOuUytix7AHPtspJBjAULLglz4D82Xdz7bWyau4vZfLr/PhbXQ==
dependencies:
focus-trap "^6.6.1"
"@alpinejs/intersect@^3.11.1": "@alpinejs/intersect@^3.11.1":
version "3.11.1" version "3.11.1"
resolved "https://registry.yarnpkg.com/@alpinejs/intersect/-/intersect-3.11.1.tgz#858e0aa5689c459fbd22442bbe06c65b00fa4786" resolved "https://registry.yarnpkg.com/@alpinejs/intersect/-/intersect-3.11.1.tgz#858e0aa5689c459fbd22442bbe06c65b00fa4786"
@@ -396,6 +403,13 @@ fill-range@^7.0.1:
dependencies: dependencies:
to-regex-range "^5.0.1" to-regex-range "^5.0.1"
focus-trap@^6.6.1:
version "6.9.4"
resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-6.9.4.tgz#436da1a1d935c48b97da63cd8f361c6f3aa16444"
integrity sha512-v2NTsZe2FF59Y+sDykKY+XjqZ0cPfhq/hikWVL88BqLivnNiEffAsac6rP6H45ff9wG9LL5ToiDqrLEP9GX9mw==
dependencies:
tabbable "^5.3.3"
fraction.js@^4.2.0: fraction.js@^4.2.0:
version "4.2.0" version "4.2.0"
resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950" resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
@@ -701,6 +715,11 @@ supports-preserve-symlinks-flag@^1.0.0:
resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09" resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w== integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
tabbable@^5.3.3:
version "5.3.3"
resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-5.3.3.tgz#aac0ff88c73b22d6c3c5a50b1586310006b47fbf"
integrity sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA==
tailwindcss@^3.1.0: tailwindcss@^3.1.0:
version "3.2.4" version "3.2.4"
resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.2.4.tgz#afe3477e7a19f3ceafb48e4b083e292ce0dc0250" resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.2.4.tgz#afe3477e7a19f3ceafb48e4b083e292ce0dc0250"