sanpi: 敬称略の注記を追加し、グラフを市提出議案の賛成・反対率の比較に変更

1 files changed, 11 insertions, 3 deletions

diff --git a/src/styles/custom.css b/src/styles/custom.css
index 6552291..740e000 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -1378,7 +1378,7 @@ td.sanpi-open .sanpi-title {
 }
 .sanpi-chart-item {
   display: grid;
-  grid-template-columns: 8.5em 1fr 6.5em;
+  grid-template-columns: 8.5em 1fr 12em;
   gap: 0.5rem;
   align-items: center;
   margin: 0.3rem 0;
@@ -1393,16 +1393,18 @@ td.sanpi-open .sanpi-title {
   display: block;
   height: 0.9em;
   border-radius: 3px;
-  background: var(--sl-color-gray-5);
+  /* 背景＝反対、塗り＝賛成 */
+  background: #e6a6a6;
   overflow: hidden;
 }
 .sanpi-chart-fill {
   display: block;
   height: 100%;
   border-radius: 3px;
+  background: #5b9bd5;
 }
 .sanpi-chart-val {
-  font-size: 0.8em;
+  font-size: 0.75em;
   color: var(--sl-color-gray-2);
   white-space: nowrap;
   text-align: right;
@@ -1410,6 +1412,12 @@ td.sanpi-open .sanpi-title {
 .sanpi-chart-val small {
   font-size: 0.85em;
 }
+:root[data-theme="dark"] .sanpi-chart-bar {
+  background: #6b3b3b;
+}
+:root[data-theme="dark"] .sanpi-chart-fill {
+  background: #4a80b3;
+}
 @media (max-width: 480px) {
   .sanpi-chart-item {
     grid-template-columns: 6em 1fr 5.5em;