mirror of
https://github.com/eitchtee/WYGIWYH.git
synced 2026-04-23 17:18:44 +02:00
more changes
This commit is contained in:
Herculino Trotta
41
frontend/package-lock.json
generated
41
frontend/package-lock.json
generated
@@ -27,6 +27,7 @@
|
||||
"core-js": "^3.20.3",
|
||||
"cross-env": "^7.0.3",
|
||||
"css-loader": "^6.8.1",
|
||||
"daisyui": "^4.12.13",
|
||||
"eslint": "^8.7.0",
|
||||
"eslint-webpack-plugin": "^3.1.1",
|
||||
"htmx.org": "^2.0.1",
|
||||
@@ -3654,6 +3655,15 @@
|
||||
"postcss": "^8.4"
|
||||
}
|
||||
},
|
||||
"node_modules/css-selector-tokenizer": {
|
||||
"version": "0.8.0",
|
||||
"resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.8.0.tgz",
|
||||
"integrity": "sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==",
|
||||
"dependencies": {
|
||||
"cssesc": "^3.0.0",
|
||||
"fastparse": "^1.1.2"
|
||||
}
|
||||
},
|
||||
"node_modules/cssdb": {
|
||||
"version": "7.11.2",
|
||||
"resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.11.2.tgz",
|
||||
@@ -3680,6 +3690,32 @@
|
||||
"node": ">=4"
|
||||
}
|
||||
},
|
||||
"node_modules/culori": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmjs.org/culori/-/culori-3.3.0.tgz",
|
||||
"integrity": "sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==",
|
||||
"engines": {
|
||||
"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/daisyui": {
|
||||
"version": "4.12.13",
|
||||
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.12.13.tgz",
|
||||
"integrity": "sha512-BnXyQoOByUF/7wSdIKubyhXxbtL8gxwY3u2cNMkxGP39TSVJqMmlItqtpY903fQnLI/NokC+bc+ZV+PEPsppPw==",
|
||||
"dependencies": {
|
||||
"css-selector-tokenizer": "^0.8",
|
||||
"culori": "^3",
|
||||
"picocolors": "^1",
|
||||
"postcss-js": "^4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=16.9.0"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/daisyui"
|
||||
}
|
||||
},
|
||||
"node_modules/debug": {
|
||||
"version": "4.3.7",
|
||||
"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
|
||||
@@ -4504,6 +4540,11 @@
|
||||
"node": ">= 4.9.1"
|
||||
}
|
||||
},
|
||||
"node_modules/fastparse": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
|
||||
"integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ=="
|
||||
},
|
||||
"node_modules/fastq": {
|
||||
"version": "1.17.1",
|
||||
"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
|
||||
|
||||
@@ -40,6 +40,7 @@
|
||||
"core-js": "^3.20.3",
|
||||
"cross-env": "^7.0.3",
|
||||
"css-loader": "^6.8.1",
|
||||
"daisyui": "^4.12.13",
|
||||
"eslint": "^8.7.0",
|
||||
"eslint-webpack-plugin": "^3.1.1",
|
||||
"htmx.org": "^2.0.1",
|
||||
|
||||
@@ -33,84 +33,6 @@ $theme-colors: map-merge($theme-colors, (
|
||||
width: 1%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
//
|
||||
////body {
|
||||
//// background-color: $background-color;
|
||||
////}
|
||||
//
|
||||
|
||||
//
|
||||
//// ===== Scrollbar CSS =====
|
||||
//* {
|
||||
// scrollbar-width: thin;
|
||||
// scrollbar-color: $scroll-thumb-color #dfe9eb;
|
||||
//}
|
||||
//
|
||||
//// Chrome, Edge and Safari
|
||||
//*::-webkit-scrollbar {
|
||||
// height: 10px;
|
||||
// width: 10px;
|
||||
//}
|
||||
//
|
||||
//*::-webkit-scrollbar-track {
|
||||
// border-radius: 5px;
|
||||
// background-color: $scroll-track-color;
|
||||
//}
|
||||
//
|
||||
//*::-webkit-scrollbar-track:hover {
|
||||
// background-color: $scroll-thumb-active-color;
|
||||
//}
|
||||
//
|
||||
//*::-webkit-scrollbar-track:active {
|
||||
// background-color: $scroll-thumb-active-color;
|
||||
//}
|
||||
//
|
||||
//*::-webkit-scrollbar-thumb {
|
||||
// border-radius: 5px;
|
||||
// background-color: $scroll-thumb-color;
|
||||
//}
|
||||
//
|
||||
//*::-webkit-scrollbar-thumb:hover {
|
||||
// background-color: $scroll-thumb-active-color;
|
||||
//}
|
||||
//
|
||||
//*::-webkit-scrollbar-thumb:active {
|
||||
// background-color: $scroll-thumb-active-color;
|
||||
//}
|
||||
//
|
||||
//// ===== Scrollbar CSS =====
|
||||
//
|
||||
//.gradient-background {
|
||||
// background: linear-gradient(109deg, #652e7c, #1a7976);
|
||||
// background-size: 120% 120%;
|
||||
// animation: gradient-animation 8s ease infinite;
|
||||
//}
|
||||
//
|
||||
//@keyframes gradient-animation {
|
||||
// 0% {
|
||||
// background-position: 0% 50%;
|
||||
// }
|
||||
//
|
||||
// 50% {
|
||||
// background-position: 100% 50%;
|
||||
// }
|
||||
//
|
||||
// 100% {
|
||||
// background-position: 0% 50%;
|
||||
// }
|
||||
//}
|
||||
//
|
||||
|
||||
//
|
||||
//.fade-me-in.htmx-added {
|
||||
// opacity: 0;
|
||||
//}
|
||||
//
|
||||
//.fade-me-in {
|
||||
// opacity: 1;
|
||||
// transition: opacity 500ms ease-out;
|
||||
//}
|
||||
|
||||
|
||||
.offcanvas-size-xl {
|
||||
--#{$prefix}offcanvas-width: min(95vw, 700px) !important;
|
||||
@@ -124,3 +46,53 @@ $theme-colors: map-merge($theme-colors, (
|
||||
.offcanvas-size-sm {
|
||||
--#{$prefix}offcanvas-width: min(95vw, 250px) !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
|
||||
/* Force table to not be like tables anymore */
|
||||
.no-more-tables table,
|
||||
.no-more-tables thead,
|
||||
.no-more-tables tbody,
|
||||
.no-more-tables th,
|
||||
.no-more-tables td,
|
||||
.no-more-tables tr {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Hide table headers (but not display: none;, for accessibility) */
|
||||
.no-more-tables thead tr {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
.no-more-tables tr { border: 1px solid #ccc; }
|
||||
|
||||
.no-more-tables td {
|
||||
/* Behave like a "row" */
|
||||
border: none;
|
||||
border-bottom: 1px solid #eee;
|
||||
position: relative;
|
||||
padding-left: 50%;
|
||||
white-space: normal;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.no-more-tables td:before {
|
||||
/* Now like a table header */
|
||||
position: absolute;
|
||||
/* Top/left values mimic padding */
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
width: 45%;
|
||||
padding-right: 10px;
|
||||
white-space: nowrap;
|
||||
text-align:left;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*
|
||||
Label the data
|
||||
*/
|
||||
.no-more-tables td:before { content: attr(data-title); }
|
||||
}
|
||||
|
||||
@@ -24,3 +24,23 @@ select[multiple] {
|
||||
color: $gray-800;
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.dotted-line {
|
||||
border-bottom: 2px dotted $gray-700; /* Adjust color as needed */
|
||||
margin: 0 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hierarchy-line-icon-4 {
|
||||
width: 8px;
|
||||
height: 10px;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjxwYXRoIHN0cm9rZT0iIzlCOUI5QiIgc3Ryb2tlLWRhc2hhcnJheT0iNCIgZD0iTS41IDQuNWgxMiIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDQuNXYtNCIvPjwvZz48L3N2Zz4=);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: top;
|
||||
display: inline-block;
|
||||
margin-left: 15px;
|
||||
margin-right: 7px;
|
||||
margin-top: 4px;
|
||||
padding: 0 8px !important;
|
||||
}
|
||||
|
||||
@@ -6,9 +6,19 @@ module.exports = {
|
||||
variants: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
plugins: [require('daisyui')],
|
||||
prefix: 'tw-',
|
||||
corePlugins: {
|
||||
preflight: false,
|
||||
},
|
||||
}
|
||||
daisyui: {
|
||||
themes: false, // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
|
||||
darkTheme: "dark", // name of one of the included themes for dark mode
|
||||
base: false, // applies background color and foreground color for root element by default
|
||||
styled: true, // include daisyUI colors and design decisions for all components
|
||||
utils: true, // adds responsive and modifier utility classes
|
||||
prefix: "ds-", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
|
||||
logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
|
||||
themeRoot: ":root", // The element that receives theme color CSS variables
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user