From 28a2f4c231b23d2b89cbcf6cb28c5765017bfa58 Mon Sep 17 00:00:00 2001 From: aphandersen Date: Wed, 15 Apr 2026 19:53:41 +0000 Subject: [PATCH] Upload files to "ansico-stat-plugin/assets/css" --- .../assets/css/ansico-stat-admin.css | 353 ++++++++++++++++++ 1 file changed, 353 insertions(+) create mode 100644 ansico-stat-plugin/assets/css/ansico-stat-admin.css diff --git a/ansico-stat-plugin/assets/css/ansico-stat-admin.css b/ansico-stat-plugin/assets/css/ansico-stat-admin.css new file mode 100644 index 0000000..9c3ef4f --- /dev/null +++ b/ansico-stat-plugin/assets/css/ansico-stat-admin.css @@ -0,0 +1,353 @@ +.ansico-stat-admin-page .ansico-stat-card { + background: #fff; + border: 1px solid #dcdcde; + border-radius: 8px; + padding: 20px; + margin: 18px 0; +} + +.ansico-stat-card-header { + display: flex; + justify-content: space-between; + align-items: center; + gap: 12px; + flex-wrap: wrap; +} + +.ansico-stat-chart-wrap { + width: 100%; + overflow-x: auto; +} + +.ansico-stat-chart { + width: 100%; + min-height: 160px; + display: block; + background: #fff; +} + +.ansico-stat-month-block { + margin-top: 24px; +} + +.ansico-stat-table th, +.ansico-stat-table td { + vertical-align: top; +} + +.ansico-stat-widget p { + margin-top: 0; +} + +.ansico-stat-month-nav { + display: flex; + justify-content: space-between; + align-items: center; + gap: 12px; + margin: 16px 0; +} + +.ansico-stat-top-list { + margin: 0 0 12px 18px; +} + +.ansico-stat-top-list li { + margin-bottom: 6px; +} + + +.ansico-stat-two-column { + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); + gap: 20px; + align-items: start; +} + +.ansico-stat-bar-chart-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(44px, 1fr)); + gap: 10px; + align-items: end; + min-height: 190px; + padding: 12px; + border: 1px solid #dcdcde; + border-radius: 8px; + background: #fff; +} + +.ansico-stat-bar-item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: end; + gap: 6px; + min-width: 0; +} + +.ansico-stat-bar { + width: 100%; + max-width: 36px; + min-height: 4px; + border-radius: 6px 6px 0 0; + background: #2271b1; +} + +.ansico-stat-bar-value { + font-size: 11px; + line-height: 1.2; +} + +.ansico-stat-bar-label { + font-size: 11px; + line-height: 1.2; + text-align: center; + word-break: break-word; +} + +.ansico-stat-pie-wrap { + display: grid; + grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); + gap: 16px; + align-items: center; +} + +.ansico-stat-pie-legend { + display: grid; + gap: 8px; +} + +.ansico-stat-legend-item { + display: flex; + gap: 8px; + align-items: center; + font-size: 13px; +} + +.ansico-stat-legend-swatch { + width: 12px; + height: 12px; + border-radius: 999px; + display: inline-block; + flex: 0 0 12px; +} + +@media (max-width: 900px) { + .ansico-stat-two-column, + .ansico-stat-pie-wrap { + grid-template-columns: 1fr; + } +} + + +.ansico-stat-chart-table-wrap { + margin-top: 12px; + max-height: 240px; + overflow: auto; + border: 1px solid #dcdcde; + border-radius: 8px; +} + +.ansico-stat-chart-table th, +.ansico-stat-chart-table td { + white-space: nowrap; +} + +.ansico-stat-chart-wrap circle { + cursor: pointer; +} + + +.ansico-stat-chart-wrap { + position: relative; + max-width: 100%; + overflow-x: auto; +} + +.ansico-stat-line-chart { + position: relative; + min-width: 0; +} + + + +.ansico-stat-table { + width: 100%; + table-layout: fixed; + display: block; + overflow-x: auto; + max-width: 100%; +} + +.ansico-stat-table th, +.ansico-stat-table td { + word-break: break-word; + overflow-wrap: anywhere; +} + +.ansico-stat-table a { + word-break: break-all; + overflow-wrap: anywhere; +} + + +.ansico-stat-line-chart-enhanced svg { + display: block; + filter: drop-shadow(0 2px 10px rgba(34, 113, 177, 0.08)); +} + +.ansico-stat-line-chart-enhanced .ansico-stat-chart-point { + transition: transform .12s ease, filter .12s ease; + cursor: pointer; +} + +.ansico-stat-line-chart-enhanced .ansico-stat-chart-point:hover { + transform: scale(1.08); + filter: drop-shadow(0 2px 8px rgba(34, 113, 177, 0.25)); +} + +.ansico-stat-pie-chart-shell { + position: relative; +} + +.ansico-stat-pie-segment { + transition: opacity .12s ease, transform .12s ease; + cursor: pointer; +} + +.ansico-stat-pie-segment:hover { + opacity: 0.92; +} + + + + + + +.ansico-stat-line-chart-enhanced .ansico-stat-chart-point { + vector-effect: non-scaling-stroke; +} + + +.ansico-stat-line-chart-enhanced .ansico-stat-chart-point-hit { + cursor: pointer; +} + +.ansico-stat-line-chart-enhanced .ansico-stat-chart-point-hit:focus { + outline: none; +} + + +.ansico-stat-line-chart-enhanced .ansico-stat-chart-point-hit { + cursor: pointer; +} + + +.ansico-stat-chart-wrap-enhanced { + position: relative; + padding: 10px 12px 6px; + margin: 0 -12px; + overflow: visible; +} + +.ansico-stat-chart-wrap-enhanced .ansico-stat-line-chart { + overflow: visible; +} + + +.ansico-stat-widget-total { + margin: 0 0 8px 0; + font-size: 14px; +} + +.ansico-stat-widget-chart-wrap { + margin: 0 0 10px 0; +} + +#ansico-stat-widget-chart-wrap, +#ansico-stat-widget-chart { + max-width: 100%; +} + +.ansico-stat-widget .ansico-stat-chart-wrap { + margin-top: 0; +} + +.ansico-stat-widget .ansico-stat-chart-wrap-enhanced { + padding-top: 2px; + margin-top: 0; +} + +.ansico-stat-widget .ansico-stat-line-chart-enhanced svg { + height: 260px; +} + + +.ansico-stat-widget-chart-wrap { + margin: -4px 0 8px 0; +} + +.ansico-stat-widget .ansico-stat-chart-wrap-enhanced { + padding: 0 !important; + margin: -6px 0 0 0 !important; +} + + +.ansico-stat-widget { + margin-top: 0; +} + +.ansico-stat-widget-total { + margin: 0 0 2px 0; + font-size: 16px; + font-weight: 600; + line-height: 1.3; +} + +.ansico-stat-widget-chart-wrap { + margin: -8px 0 6px 0; +} + +.ansico-stat-chart-wrap-widget { + padding: 0 !important; + margin: -10px 0 0 0 !important; +} + +.ansico-stat-line-chart-widget svg { + height: 250px !important; +} + +.ansico-stat-line-chart-widget .ansico-stat-chart-point { + r: 3; +} + +.ansico-stat-widget .ansico-stat-top-list { + margin-top: 6px; +} + +.ansico-stat-bar-chart-wrap { position: relative; } + +.ansico-stat-pie-chart-shell .ansico-stat-chart-tooltip, +.ansico-stat-bar-chart-wrap .ansico-stat-chart-tooltip, +.ansico-stat-chart-wrap-enhanced + + + + + + +.ansico-stat-chart-tooltip { + position: absolute !important; + display: none; + opacity: 0; + background: rgba(17,24,39,0.95) !important; + color: #fff !important; + padding: 6px 8px !important; + border-radius: 6px !important; + font-size: 12px !important; + line-height: 1.2 !important; + pointer-events: none !important; + white-space: nowrap !important; + z-index: 9999 !important; + box-shadow: 0 4px 16px rgba(0,0,0,.15); + max-width: min(260px, calc(100% - 16px)); +}