Merge pull request #111 from sinamics/macos_animation

Improved animation for Apple's WebKit engine

package.json

@@ -36,7 +36,7 @@
 		"axios": "^1.3.4",
 		"bcryptjs": "^2.4.3",
 		"classnames": "^2.3.2",
-		"daisyui": "^3.2.1",
+		"daisyui": "^3.6.3",
 		"ejs": "^3.1.9",
 		"formidable": "^3.5.0",
 		"ip-address": "^8.1.0",

src/components/modules/debugController.tsx

@@ -16,15 +16,13 @@ const DebugMirror = ({ data, title }: Idata) => {
 
 	return (
 		<div
-			tabIndex={0}
 			onClick={() => setIsOpen(!isOpen)}
 			className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
 		>
 			<input type="checkbox" />
 			<div className="collapse-title">{title}</div>
 			<div className="collapse-content" style={{ width: "100%" }}>
 				<CodeMirror
-					tabIndex={0}
 					value={JSON.stringify(data, null, 2)}
 					maxHeight="1500px"
 					width="100%"

src/components/modules/networkDns.tsx

@@ -114,10 +114,7 @@ export const NetworkDns = ({ central = false }: IProp) => {
 
 	return (
 		<>
-			<div
-				tabIndex={0}
-				className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
-			>
+			<div className="collapse-arrow collapse w-full border border-base-300 bg-base-200">
 				<input type="checkbox" />
 				<div className="collapse-title">{t("networkDns.DNS")}</div>
 				<div className="collapse-content" style={{ width: "100%" }}>

src/components/modules/networkFlowRules.tsx

@@ -80,10 +80,7 @@ export const NetworkFlowRules = () => {
 	});
 
 	return (
-		<div
-			tabIndex={0}
-			className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
-		>
+		<div className="collapse-arrow collapse w-full border border-base-300 bg-base-200">
 			<input type="checkbox" />
 			<div className="collapse-title">Flow Rules</div>
 			<div className="collapse-content" style={{ width: "100%" }}>

src/components/modules/networkHelp.tsx

@@ -1,10 +1,7 @@
 import React from "react";
 
 const NetworkHelpText: React.FC = () => (
-	<div
-		tabIndex={0}
-		className="collapse collapse-arrow w-full border border-base-300 bg-base-200"
-	>
+	<div className="collapse collapse-arrow w-full border border-base-300 bg-base-200">
 		<input type="checkbox" />
 		<div className="collapse-title">Network Help</div>
 		<div className="collapse-content" style={{ width: "100%" }}>

src/components/modules/networkIpAssignments.tsx

@@ -14,10 +14,7 @@ export const NetworkIpAssignment = ({ central = false }: IProp) => {
 	const [activeTab, setActiveTab] = useState("IPv4");
 
 	return (
-		<div
-			tabIndex={0}
-			className="collapse collapse-arrow w-full border border-base-300 bg-base-200"
-		>
+		<div className="collapse collapse-arrow w-full border border-base-300 bg-base-200">
 			<input type="checkbox" />
 			<div className="collapse-title">{t("networkIpAssignments.header")}</div>
 			<div className="w-100 collapse-content">

src/components/modules/networkMulticast.tsx

@@ -87,10 +87,7 @@ export const NetworkMulticast = ({ central = false }: IProp) => {
 
 	const { network } = networkByIdQuery || {};
 	return (
-		<div
-			tabIndex={0}
-			className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
-		>
+		<div className="collapse-arrow collapse w-full border border-base-300 bg-base-200">
 			<input type="checkbox" />
 			<div className="collapse-title">{t("networkMulticast.Multicast")}</div>
 			<div className="collapse-content" style={{ width: "100%" }}>

src/components/modules/networkRoutes.tsx

@@ -87,10 +87,7 @@ export const NettworkRoutes = ({ central = false }: IProp) => {
 	if (isLoading) return <div>Loading</div>;
 
 	return (
-		<div
-			tabIndex={0}
-			className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
-		>
+		<div className="collapse-arrow collapse w-full border border-base-300 bg-base-200">
 			<input type="checkbox" />
 			<div className="collapse-title">{t("nettworkRoutes.managedRoutesTitle")}</div>
 			<div className="collapse-content" style={{ width: "100%" }}>

src/components/modules/ztCentral/centralFlowRules.tsx

@@ -108,10 +108,7 @@ export const CentralFlowRules = ({ central = true }: IProp) => {
 		);
 	}
 	return (
-		<div
-			tabIndex={0}
-			className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
-		>
+		<div className="collapse-arrow collapse w-full border border-base-300 bg-base-200">
 			<input type="checkbox" />
 			<div className="collapse-title">Flow Rules</div>
 			<div className="collapse-content" style={{ width: "100%" }}>

src/pages/admin/mail/index.tsx

@@ -143,30 +143,21 @@ const Mail = () => {
 						}}
 					/>
 				</div>
-				<div
-					tabIndex={0}
-					className="collapse collapse-arrow w-full border border-base-300 bg-base-200"
-				>
+				<div className="collapse collapse-arrow w-full border border-base-300 bg-base-200">
 					<input type="checkbox" />
 					<div className="collapse-title">{t("mail.inviteUserTemplate")}</div>
 					<div className="collapse-content" style={{ width: "100%" }}>
 						<MailUserInviteTemplate />
 					</div>
 				</div>
-				<div
-					tabIndex={0}
-					className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
-				>
+				<div className="collapse-arrow collapse w-full border border-base-300 bg-base-200">
 					<input type="checkbox" />
 					<div className="collapse-title">{t("mail.forgotPasswordTemplate")}</div>
 					<div className="collapse-content" style={{ width: "100%" }}>
 						<ForgotPasswordMailTemplate />
 					</div>
 				</div>
-				<div
-					tabIndex={0}
-					className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
-				>
+				<div className="collapse-arrow collapse w-full border border-base-300 bg-base-200">
 					<input type="checkbox" />
 					<div className="collapse-title">{t("mail.notificationTemplate")}</div>
 					<div className="collapse-content" style={{ width: "100%" }}>