diff --git a/app/assets/javascripts/mind_map/utils/custom.config.js b/app/assets/javascripts/mind_map/utils/custom.config.js index 242d1f1..09cd018 100644 --- a/app/assets/javascripts/mind_map/utils/custom.config.js +++ b/app/assets/javascripts/mind_map/utils/custom.config.js @@ -1,16 +1,62 @@ // 顏色選項集中管理 // Color options management export const PALETTE_COLORS = [ - '#FF0000', - '#00FF00', + '#c93a42', + '#fbefdb', '#0000FF', - '#FFFF00', - '#FF00FF', - '#00FFFF', + '#06c755', + '#FFBF48', + '#1e5b9e', '#000000', '#666666', '#999999', '#FFFFFF', + // 紅色系(Morandi Red) + '#c8a39e', + '#b4746c', + '#a16666', + '#d3a29d', + '#8e5d5a', + + // 橘色系(Morandi Orange) + '#d4a186', + '#e1b7a7', + '#c98e63', + '#e5b58e', + '#b57758', + + // 黃色系(Morandi Yellow) + '#d8c29d', + '#e6d3aa', + '#c4b07c', + '#e2c892', + '#a8985c', + + // 綠色系(Morandi Green) + '#a3b1a8', + '#8ca39b', + '#9fb7ad', + '#b0c0ae', + '#798d87', + + // 藍色系(Morandi Blue) + '#9ca8b8', + '#a0b1c2', + '#8193a8', + '#6e7d91', + '#c0c8d2', + + '#b8a9c9', + '#c1adc8', + '#a68ca9', + '#cabed4', + '#8f799e', + + '#a0a0a0', + '#bcbcbc', + '#8c8c8c', + '#747474', + '#5e5e5e', ] // 心智圖初始數據 diff --git a/app/assets/stylesheets/mind_map/mindmap.css b/app/assets/stylesheets/mind_map/mindmap.css index 001372f..c354afa 100644 --- a/app/assets/stylesheets/mind_map/mindmap.css +++ b/app/assets/stylesheets/mind_map/mindmap.css @@ -16,7 +16,6 @@ #jsmind_container { position: relative; - width: 1200px; height: 800px; border: 1px solid #ccc; background: #f4f4f4; @@ -80,12 +79,15 @@ jmnode { color: #333; border-radius: 5px; box-shadow: 1px 1px 1px #666; - font: 16px/1.125 Verdana, Arial, Helvetica, sans-serif; + font: 1.2em/1.125 Verdana, Arial, Helvetica, sans-serif; } jmnode:hover { box-shadow: 2px 2px 8px #000; filter: brightness(95%); + a{ + color: unset!important; + } } jmnode.selected { @@ -94,7 +96,7 @@ jmnode.selected { } jmnode.root { - font-size: 24px; + font-size:1.6em; } /* 展開/收合按鈕 */ @@ -113,11 +115,12 @@ jmexpander:hover { jmnode { padding: 5px; border-radius: 3px; - font-size: 14px; + font-size: 1.6em; } jmnode.root { - font-size: 21px; + /* font-size: 21px; */ + font-size: 1.8em; } } @@ -136,7 +139,7 @@ jmexpander:hover { background: #ccc; border: 1px solid #ccc; z-index: 1001; - white-space: nowrap; + min-width: 10em; } .toolbar-color-palette-box {