several hot-fixes fot dataTables transpancery

2 files changed, 11 insertions, 356 deletions

diff --git a/public/assets/css/class.css b/public/assets/css/class.css
index fb3124a..9113ec4 100644
--- a/public/assets/css/class.css
+++ b/public/assets/css/class.css
@@ -18,6 +18,11 @@
     --form-input-height: 31px;
     --form-layer-bgr: #dddb; /* form layer background */
 
+    --table-head-bgr: #fff6;
+    --table-row-bgr: #eee4;
+    --table-odd-row-bgr: #fff4;
+    --table-row-hover-bgr: #fffa;
+
         /* select2 */
     --select2-arrow-top: 10px;
     --select2-height: 31px; 
@@ -219,11 +224,14 @@ html, body {
 .manage { padding: 1.5em; } 
 .manage .title-bar h5 { margin-bottom: 1rem; } 
 
-.manage .table tbody tr:hover { background: #eeea; }
-.manage tbody, td, tfoot, th, thead, tr { background: #ddd4; }
-.manage tbody, td, tfoot, th, thead, tr.odd { background: #fff4; }
+table.dt-table thead tr { background: var(--table-head-bgr); }
+table.dt-table tr > td, table.dt-table tr > th { background: transparent;}
+table.dt-table tbody tr { background: var(--table-row-bgr); }
+table.dt-table tbody tr.odd { background: var(--table-odd-row-bgr); }
+table.dt-table tbody tr:hover { background: var(--table-row-hover-bgr); }
 .manage tbody td { font-size: 14px; }
 
+.dt-actions { width: 80px; text-align: right; }
 
 
 
diff --git a/public/assets/css/overides.css b/public/assets/css/overides.css
deleted file mode 100644
index cbd333c..0000000
--- a/public/assets/css/overides.css
+++ /dev/null
@@ -1,353 +0,0 @@
-
-.content { text-align: unset; }
-
-.form-control-sm { font-size: var(--form-content-font-size); }
-
-input.form-control-sm { height: var(--form-input-height); }
-
-.form-group { margin-bottom: 12px; }
-.form-control, .form-select { border: 1px solid #7777; }
-.form-label { font-size: .72em; color: var(--bs-heading-color); }
-
-/* .user .dropdown button { min-width: 256px; } */
-.user .dropdown ul.dropdown-menu {
-  right: 0 !important;
-  left: unset !important;
-  transform: translate(0, 34px) !important;
-}
-
-
-/*
-.footer__listLink { color: #bbb; }
-.footer__listLink:hover { color: #eee; }
-.footer__title { color: #bbb7; }
-
-.admin-container { font-size: .96em; }
-.admin-container .top-bar a:hover { background: #ddd; }
-.admin-container .title-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1.5em 1em 1.5em 1em;
- }
-.admin-container .dt-table { font-size: 14px; }
-.admin-container .dt-table .btn-sm {
-    --bs-btn-padding-y: .2rem;
-    --bs-btn-padding-x: .35rem;
-    --bs-btn-font-size: .65rem;
- }
-.admin-container .modal .form-group { padding: .35em 0;}
-
-
-.admin-container .table > :not(caption) > * > * { padding: .35rem .35rem; }
-.admin-container .table tbody tr:hover { background: #eee; }
-*/
-
-
-ul.select2-results__options li {
-    font-size: var(--form-content-font-size);
-    padding: 4px 8px;
-}
-
-/*
-.admin-container .modal-footer .form-actions { display: flex; gap: 8px; }
-
-.admin-container .title-bar h5 { margin-bottom: 0; color: #333; }
-
-.admin-container table.dataTable { margin-top: 1em !important; margin-bottom: 1em !important;}
-
-.admin-container .title-bar .btn { border: 1px solid #7772; }
-.admin-container .title-bar .btn:hover { background: #ddd; }
-
-.admin-container form label { padding: 8px 1em 2px 1em; }
-
-.admin-container .form-control { border-radius: 4px; }
-*/
-
-
-/* hack select2 caret styling
- * (like bootstrap5 select caret)
- * ----------------------------------------------------------------------- start
- */
-.select2-container--default .select2-selection--single .select2-selection__arrow b {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
-    background-color: transparent; background-size: contain; border: none !important;
-    height: 14px; width: 12px;
-    margin: auto !important; top: var(--select2-arrow-top); left: auto !important;
-}
-
-input.select2-search__field { font-size: var(--form-content-font-size); }
-
-.select2-selection__choice {
-    font-size: var(--form-content-font-size);
-    font-weight: 400;
-}
-
-ul.select2-selection__rendered { margin-bottom: 0; }
-.select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 2px; }   /* select2: li */
-.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-    border-right: none;
-    padding: 1px 4px;
-}
-.select2-container--default .select2-selection--multiple { font-size: 15px; }
-
-.select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 32px; }
-
-.select2-container .select2-selection--single .select2-selection__rendered {
-    font-size: var(--form-content-font-size);
-    padding: 2px 20px 2px 8px;
-}
-  
-.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
-    padding-left: 16px;
-}
-
-.select2-container--default .select2-selection--single:focus-visible,
-.select2-container--focus .select2-selection--multiple {
-    border-color: #86b7fe;
-    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
-    outline: none;
-    color: var(--bs-body-color);
-}
-.select2-container--default.select2-container--focus .select2-selection--multiple {
-    border: 1px solid #86b7fe;;
-    outline: 0;
-}
-
-
-
-/*
-================================================================================
-
-            - - - -- -- --- C H A N G E S --- -- -- - - -
-
-================================================================================
-*/
-
-
- 
- 
-.central-form form label { font-size: 14px; color: #433; }
-  
- 
-
-
-
-
-
-
-
-/* Element | http://localhost/panel */
-
-.list-group {
-    box-shadow: var(--light-grey-shade);
-  }
-  
-  /* class.css | http://localhost/assets/css/class.css */
-  
-.info li.list-group-item.separator {
-    /* border: none; */
-    /* background: #f2f2f299; */
-    /* color: #345; */
-    border-bottom: none;
-    background: #f2f2f2ee;
-    color: #776;
-    background: #fff;
-    border-top: 1px solid #edd;
-}
-  
-  .info li.list-group-item:hover { background: var(--menu-hover-bgr); }
-  .info li.list-group-item.separator:hover { background: #fff; }
-  
-  .info li.list-group-item {
-    border-bottom: none;
-  }
-
-  
-
-/* overides.css | http://localhost/assets/css/overides.css */
-
-.info li.list-group-item.separator {
-    border-left: 1px solid #dee2e6;
-    border-right: 1px solid #dee2e6;
-}
-  
-
-
-.btn-xs { height: 24px; padding: 1px 8px; font-size: 14px; }
-
-.manage { padding: 1.5em; } 
-.manage .title-bar h5 { margin-bottom: 1rem; } 
-
-.manage tbody, td, tfoot, th, thead, tr { background: #ddd4; }
-.manage tbody, td, tfoot, th, thead, tr.odd { background: #fff4; }
-.manage tbody td { font-size: 14px; }
-
-
-/** cc photo sources
-https://www.vecteezy.com/vector-art/6849519
-https://www.vecteezy.com/vector-art/6691097
-
-summer
-++ https://www.freepik.com/free-photo/north-beach-ocean-nazare-portugal_7487020.htm
-+ https://www.freepik.com/free-photo/north-beach-ocean-nazare-portugal_7487026.htm
-++ https://www.freepik.com/free-photo/waves-sea-sunset_975712.htm
-https://www.freepik.com/free-photo/beautiful-shot-tree-trunks-water-with-blue-sky-background_9282923.htm
-+ https://www.freepik.com/free-photo/vertical-overhead-shot-wavy-sea-against-seashore_11354068.htm
-+ https://www.freepik.com/free-photo/top-view-sand-meeting-seawater_9818948.htm
-++ https://www.freepik.com/free-photo/summer-beach-clean-holiday-destination_2971748.htm
-!! https://www.freepik.com/free-photo/body-water_13126578.htm 
-+ https://www.freepik.com/free-photo/waves-sea-sunset_975711.htm
-!! https://www.freepik.com/free-photo/overhead-shot-people-enjoying-sunny-day-sandy-beach-near-beautiful-waves-sea_9970655.htm
-!! https://www.freepik.com/free-photo/aerial-shot-beach-surrounded-by-greenery-sea_11527527.htm
-++ https://www.freepik.com/free-photo/north-beach-ocean-nazare-portugal_7487013.htm#page=7&position=10&from_view=author
-
-
-spring
-+ https://www.pexels.com/photo/pink-flowers-photography-1128797/
-+ https://www.freepik.com/free-photo/sunrise-farmland_10304055.htm
-
-
-fall
-++ https://www.freepik.com/free-photo/orange-fall-foliage-with-copy-space_5285370.htm
-++ https://www.freepik.com/free-photo/top-view-see-through-leaf-texture_10205892.htm
-++ https://www.freepik.com/free-photo/flat-lay-see-through-leaf-texture_10205888.htm
-++ https://www.freepik.com/free-photo/top-view-transparent-leaves-with-orange-light_23404485.htm
-++ https://www.freepik.com/free-photo/close-up-colourful-autumn-leaf-concept_8034414.htm
-+++ https://www.freepik.com/free-photo/beautiful-autumn-leaves-autumn-red-background-sunny-daylight-horizontal-toning_1284515.htm
-++ https://www.freepik.com/free-photo/flat-lay-close-up-autumn-leaf_12356800.htm
-++ https://www.freepik.com/free-photo/beautiful-autumn-leaves-autumn-red-background-sunny-daylight-horizontal_1284510.htm
-++ https://www.freepik.com/free-photo/beautiful-autumn-leaves-autumn-red-background-sunny-daylight-horizontal-toning_1284514.htm
-+ https://www.freepik.com/free-vector/watercolor-autumnal-leaves_15637300.htm
-++ https://www.freepik.com/free-photo/vertical-shot-lake-pukaki-mount-cook-new-zealand_12177133.htm
-++ https://www.freepik.com/free-photo/beautiful-landscape-with-river-bridge-background_1014581.htm
-
-
-
-fall + winter
-++ https://www.freepik.com/free-vector/blurred-background-with-fog_974277.htm
-++ https://www.freepik.com/free-photo/dense-blue-cloud-haze_4284790.htm
-++ https://www.freepik.com/free-vector/abstract-watercolour-style-landscape_2114994.htm
-++ https://www.freepik.com/free-photo/breathtaking-shot-lake-wanaka-wanaka-village-new-zealand_11111328.htm
-++ https://www.freepik.com/free-photo/look-from-coast-blue-mountains-touching-sea_1621928.htm
-
-
-winter+spring
-++ https://www.freepik.com/free-photo/aerial-view-from-drone-flying-clouds_45141892.htm
-++ https://www.freepik.com/free-photo/breathtaking-shot-lake-wanaka-wanaka-village-new-zealand_11486702.htm
-++ https://www.freepik.com/free-photo/beautiful-shot-lake-with-snowy-trees-distance-fog_12040255.htm
-++ https://www.freepik.com/free-photo/closeup-shot-moss-plants-growing-tree-branch-forest_10186581.htm
-++ https://www.freepik.com/free-photo/beautiful-view-bohemian-switzerland-landscape-czech-republic-with-trees_16226217.htm
-+ https://www.freepik.com/free-photo/aerial-shot-colorful-autumn-forest_16226032.htm
-
-
-
-winter
-++ https://www.freepik.com/free-photo/3d-iceberg-blue-sea_3585791.htm
-++ https://www.freepik.com/free-photo/fantastic-winter-landscape-mountains-magical-sunset_9144399.htm
-+++ https://www.freepik.com/free-photo/cottage-glen-etive-scotland_16462487.htm
-
-
-all
-https://www.freepik.com/free-photo/abstract-light-reflection-wall_3216895.htm
-++ https://www.freepik.com/free-photo/panorama-paris-sunset_800495.htm
-++ https://www.freepik.com/free-photo/peter-paul-fortress-summer-dawn_1491317.htm#from_view=detail_alsolike
-++ https://www.freepik.com/free-photo/pier-with-multiple-fishing-walking-people-sunset-parked-bike-land-lampposts-greece_12311187.htm
-++ https://www.freepik.com/free-photo/fenced-paddock-foggy-lake-during-sunset-radasjon-sweden_11062843.htm
-+ https://www.freepik.com/free-photo/colorful-wooden-abstract-background_13971810.htm
-+ https://www.freepik.com/free-photo/gold-texture_986435.htm
-+ https://www.freepik.com/free-photo/bottom-view-blurred-office-buildings_943255.htm
-++ https://www.freepik.com/free-photo/new-jersey-march-20-empty-sky-memorial-with-sunshine-march-20-2014-new-jersey-it-is-official-new-jersey-september-11-memorial-victims-september-11-attacks_26824431.htm
-++ https://www.freepik.com/free-photo/contemporary-building-exterior-skyscraper-design-concept_3540049.htm
-++ https://www.freepik.com/free-photo/skyscrapers-from-low-angle-view_1120766.htm
-+ https://www.freepik.com/free-photo/los-angeles-night-with-urban-buildings-black-white_26740414.htm
-++ https://www.freepik.com/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_10695396.htm
-++ https://www.freepik.com/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_10824403.htm
-++ https://www.freepik.com/free-photo/vestrahorn-mountains-sunset-stokksnes-iceland_11768884.htm
-++ https://www.freepik.com/free-photo/snow-mountains-during-sunrise_6336525.htm
-++ https://www.freepik.com/free-photo/landscape-shot-purple-scenery-with-mountain-orange-sky-background_9852316.htm
-++ https://www.freepik.com/free-photo/bukhansan-mountains-is-covered-by-morning-fog-sunrise-bukhansan-national-park-seoul-south-korea_11306413.htm
-++ https://www.freepik.com/free-photo/landmarks-shanghai-along-huangpu-river_1193610.htm
-++ https://www.freepik.com/free-photo/arab-people-with-camel-caravan_800493.htm
-++ https://www.freepik.com/free-photo/candle-turned-off_4230644.htm
-++ https://www.freepik.com/free-photo/blurred-traffic-light-trails-road_1193586.htm
-++ https://www.freepik.com/free-photo/wooden-terrace-by-river_1120768.htm
-++ https://www.freepik.com/free-photo/full-frame-shot-cloudscape-with-plane-flying_1120708.htm
-++ https://www.freepik.com/free-photo/breathtaking-shot-sunset-along-street-middle-modern-city_9932265.htm
-+ https://www.freepik.com/free-photo/high-angle-shot-buildings-cloudy-sky-captured-kenya-nairobi-samburu_9282503.htm
-++ https://www.freepik.com/free-photo/high-angle-shot-lot-buildings-with-lights-bridge-evening_8409178.htm
-++ https://www.freepik.com/free-photo/autumn-morning-prague_20712458.htm
-+++ https://www.freepik.com/free-photo/clean-city-streets-prague_26731940.htm
-++ https://www.freepik.com/free-photo/prague_1253938.htm
-+ https://www.freepik.com/free-photo/high-angle-shot-gloomy-piazzale-michelangelo-florence-with-reflections-river_8990585.htm
-++ https://www.freepik.com/free-photo/skyline-tehran-sunset_27738312.htm
-
-no winter
-++ https://www.freepik.com/free-photo/old-town-stockholm-during-sunrise_8857566.htm
-
-
-no-summer
-++ https://www.freepik.com/free-photo/view-foggy-mountain-landscape_1120953.htm
-++ https://www.freepik.com/free-photo/view-cityscape-landscapes-stockholm-sweden_3737890.htm
-++ https://www.freepik.com/free-photo/amazing-aerial-view-mountains-partially-covered-with-snow-positioned-higher-than-clouds_10606093.htm
-
-
-
-https://www.flickr.com/photos/31176607@N05/34285736050/
-https://www.flickr.com/photos/138748077@N02/45718622541/
-https://www.flickr.com/photos/ralf_wimmer/27036520782/
-https://www.flickr.com/photos/138748077@N02/34389004555/
-https://www.flickr.com/photos/85654079@N08/27486851781/
-https://www.flickr.com/photos/138748077@N02/25537545436/
-https://www.flickr.com/photos/usfwsmtnprairie/27843236814/
-https://www.flickr.com/photos/virtualwayfarer/33297675331/
-https://www.flickr.com/photos/dainismatisons/21671368390/
-https://www.flickr.com/photos/dainismatisons/30357980091/
-https://www.flickr.com/photos/virtualwayfarer/33297672771/
-https://www.flickr.com/photos/harquail/36634758421/
-https://www.flickr.com/photos/ky0ncheng/36263938554/ = PD
-https://www.flickr.com/photos/felixcarlos/26204414328/ = PD
-https://www.flickr.com/photos/skeyndor/33582112104/ = PD
-https://www.flickr.com/photos/vlash/31130383278/
-https://www.flickr.com/photos/clickphotos310/37074201823/
-https://www.flickr.com/photos/fredericgombert/27794236359/
-https://www.flickr.com/photos/mgaloseau/17277356452/
-https://www.flickr.com/photos/17316292@N00/13695205855/
-https://www.flickr.com/photos/138748077@N02/26898426412/
-https://www.flickr.com/photos/kk_photographics/18709114915/
-https://www.flickr.com/photos/112072356@N06/14882252902/ +
-https://www.flickr.com/photos/thomashawk/3408348383/
-https://www.flickr.com/photos/pedrobiondi/30834642176/
-https://www.flickr.com/photos/pedrobiondi/30238995904/
-https://www.flickr.com/photos/devcentre/806657950/ + 
-https://www.flickr.com/photos/145089467@N08/46658195125/
-https://www.flickr.com/photos/mara_earthlight/3590205222/
-https://www.flickr.com/photos/fdecomite/16806041639/
-https://www.flickr.com/photos/zivturner/3397599628/
-https://www.flickr.com/photos/docsearls/12114022885/ +
-https://www.flickr.com/photos/rastone-freebies/44877503371/ !
-https://www.flickr.com/photos/fototexture/16647404351/
-https://www.flickr.com/photos/maheanuu/40844488773/
-https://www.flickr.com/photos/icstefanescu/29852682958/
-https://www.flickr.com/photos/eltsulolli/41797500361/
-https://www.flickr.com/photos/collisionconf/41115414074/
-https://www.flickr.com/photos/153317420@N04/40375386294/ +
-https://www.flickr.com/photos/youngsabroad/26305344342/ !++
-https://www.flickr.com/photos/138402863@N02/23445581921/ !++
-https://www.flickr.com/photos/78423546@N06/43429924691/ = PD
-https://www.flickr.com/photos/78423546@N06/42135640880/ = PD
-https://www.flickr.com/photos/78423546@N06/52780304947/ = PD
-https://www.flickr.com/photos/tomcollinsphoto/40178410432/ !++
-https://www.flickr.com/photos/164417177@N06/44004978630/ ?
-https://www.flickr.com/photos/94284791@N05/39229046194/ !
-https://www.flickr.com/photos/hoanghaithinh/45678059161/
-https://www.flickr.com/photos/mauritf/1949203617/
-https://www.flickr.com/photos/theqspeaks/16014303086/ ?
-https://www.flickr.com/photos/twinxamot/3238897814/ ?
-https://www.flickr.com/photos/ronduong/39336013514/ !
-https://www.flickr.com/photos/luzyamor/25301247527/
-https://www.flickr.com/photos/tomcollinsphoto/40178410432/
-https://www.flickr.com/photos/129030830@N02/37032688484/
-https://www.flickr.com/photos/drtonygeorge/1474585836/ !
-*/
-