#21 Fixed missing -webkit-text-fill-color to override default safari styles

This commit is contained in:
Glenn de Haan
2022-12-18 10:42:59 +01:00
parent 998d9479c7
commit 19e3d7e04c
4 changed files with 35 additions and 2 deletions

30
package-lock.json generated
View File

@@ -14,6 +14,7 @@
"multer": "^1.4.5-lts.1",
"node-unifi": "^2.1.0",
"tailwindcss": "^3.1.8",
"tailwindcss-text-fill": "^0.2.0",
"uuid": "^9.0.0"
},
"devDependencies": {
@@ -689,6 +690,11 @@
"node": ">= 0.8"
}
},
"node_modules/flatten-tailwindcss-theme": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/flatten-tailwindcss-theme/-/flatten-tailwindcss-theme-1.0.0.tgz",
"integrity": "sha512-7B795m0qzLF0yQYGkfGanO3NOisEI4EaVObnr3DBq7Qc8Ygq4yWGa0Gpx2rtb10NSgIcimUqu4Xaqh+0bkC87w=="
},
"node_modules/follow-redirects": {
"version": "1.15.2",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
@@ -1777,6 +1783,17 @@
"postcss": "^8.0.9"
}
},
"node_modules/tailwindcss-text-fill": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/tailwindcss-text-fill/-/tailwindcss-text-fill-0.2.0.tgz",
"integrity": "sha512-3lo6a/9jXSx4+24onFv7xnHO/1DZCk6qM+LoCsEUxn79sAeoc/ts74LSH0vRhLvWe4Yn+YglFfT+lxDv6wn2sQ==",
"dependencies": {
"flatten-tailwindcss-theme": "^1.0.0"
},
"peerDependencies": {
"tailwindcss": ">=2.0.0"
}
},
"node_modules/tailwindcss/node_modules/glob-parent": {
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -2487,6 +2504,11 @@
"unpipe": "~1.0.0"
}
},
"flatten-tailwindcss-theme": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/flatten-tailwindcss-theme/-/flatten-tailwindcss-theme-1.0.0.tgz",
"integrity": "sha512-7B795m0qzLF0yQYGkfGanO3NOisEI4EaVObnr3DBq7Qc8Ygq4yWGa0Gpx2rtb10NSgIcimUqu4Xaqh+0bkC87w=="
},
"follow-redirects": {
"version": "1.15.2",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
@@ -3210,6 +3232,14 @@
}
}
},
"tailwindcss-text-fill": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/tailwindcss-text-fill/-/tailwindcss-text-fill-0.2.0.tgz",
"integrity": "sha512-3lo6a/9jXSx4+24onFv7xnHO/1DZCk6qM+LoCsEUxn79sAeoc/ts74LSH0vRhLvWe4Yn+YglFfT+lxDv6wn2sQ==",
"requires": {
"flatten-tailwindcss-theme": "^1.0.0"
}
},
"to-regex-range": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",

View File

@@ -20,6 +20,7 @@
"multer": "^1.4.5-lts.1",
"node-unifi": "^2.1.0",
"tailwindcss": "^3.1.8",
"tailwindcss-text-fill": "^0.2.0",
"uuid": "^9.0.0"
},
"devDependencies": {

View File

@@ -8,5 +8,7 @@ module.exports = {
variants: {
extend: {}
},
plugins: []
plugins: [
require("tailwindcss-text-fill")
]
};

View File

@@ -43,7 +43,7 @@
<form class="flex flex-col pt-3 md:pt-8" action="/" method="post" enctype="multipart/form-data">
<div class="flex flex-col pt-4">
<label for="voucher" class="text-lg">Voucher</label>
<input type="text" id="voucher" name="voucher" disabled value="<%= voucher_code %>" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline dark:bg-neutral-800 dark:border-neutral-700 dark:text-gray-100">
<input type="text" id="voucher" name="voucher" disabled value="<%= voucher_code %>" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 text-fill-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline dark:bg-neutral-800 dark:border-neutral-700 dark:text-gray-100 dark:text-fill-gray-100">
</div>
<input type="hidden" id="password" name="password" value="<%= code %>"/>