diff --git a/css/fvtt-hamalron.css b/css/fvtt-hamalron.css index 98abd67..810049f 100644 --- a/css/fvtt-hamalron.css +++ b/css/fvtt-hamalron.css @@ -2335,144 +2335,6 @@ i.fvtt-hamalron { .fvtt-hamalron .tarot-content label { flex: 10%; } -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-complexe-container { - padding: 8px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-complexe-header { - margin-bottom: 12px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-complexe-header button { - width: 100%; - padding: 8px; - background: #2a2a4a; - color: #e0e0e0; - border: 1px dashed #555; - border-radius: 6px; - cursor: pointer; - font-size: 13px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-complexe-header button:hover { - background: #3a3a6a; - border-color: #e94560; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-complexe-list { - display: flex; - flex-direction: column; - gap: 10px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-card { - background: #1e1e3a; - border: 1px solid #333; - border-radius: 8px; - padding: 10px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-card.action-complete { - border-color: #4caf50; - background: #1a2e1a; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 6px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-header .action-name { - font-weight: 600; - color: #e0e0e0; - font-size: 14px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-header .action-symbole { - color: #e94560; - font-size: 14px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-progress { - display: flex; - align-items: center; - gap: 8px; - margin-bottom: 4px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-progress .progress-bar { - flex: 1; - height: 8px; - background: #333; - border-radius: 4px; - overflow: hidden; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-progress .progress-bar .progress-fill { - height: 100%; - width: calc(var(--pct) * 1%); - background: linear-gradient(90deg, #e94560, #ff6b81); - border-radius: 4px; - transition: width 0.3s ease; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-progress .progress-text { - font-size: 12px; - color: #aaa; - white-space: nowrap; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-stats { - display: flex; - gap: 12px; - margin-bottom: 4px; - font-size: 12px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-stats .stat-success { - color: #4caf50; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-stats .stat-failure { - color: #f44336; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-notes { - font-size: 11px; - color: #888; - font-style: italic; - margin-bottom: 6px; - padding: 4px; - background: rgba(0, 0, 0, 0.2); - border-radius: 4px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-controls { - display: flex; - gap: 4px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-controls button { - padding: 4px 8px; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 11px; - transition: opacity 0.2s; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-controls button:hover { - opacity: 0.8; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-controls .btn-success { - background: #2e7d32; - color: #fff; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-controls .btn-failure { - background: #c62828; - color: #fff; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-controls .btn-reset { - background: #555; - color: #ccc; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-controls .btn-delete { - background: #333; - color: #888; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-empty { - text-align: center; - padding: 40px 20px; - color: #666; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-empty i { - margin-bottom: 12px; -} -.fvtt-hamalron .fvtt-hamalron.action-complexe .action-empty p { - font-size: 13px; -} .fvtt-hamalron.ask-roll { display: flex; flex-direction: column; @@ -3861,3 +3723,141 @@ i.fvtt-hamalron { margin: 0; flex: 1; } +.fvtt-hamalron.action-complexe .action-complexe-container { + padding: 8px; +} +.fvtt-hamalron.action-complexe .action-complexe-header { + margin-bottom: 12px; +} +.fvtt-hamalron.action-complexe .action-complexe-header button { + width: 100%; + padding: 8px; + background: #2a2a4a; + color: #e0e0e0; + border: 1px dashed #555; + border-radius: 6px; + cursor: pointer; + font-size: 13px; +} +.fvtt-hamalron.action-complexe .action-complexe-header button:hover { + background: #3a3a6a; + border-color: #e94560; +} +.fvtt-hamalron.action-complexe .action-complexe-list { + display: flex; + flex-direction: column; + gap: 10px; +} +.fvtt-hamalron.action-complexe .action-card { + background: #1e1e3a; + border: 1px solid #333; + border-radius: 8px; + padding: 10px; +} +.fvtt-hamalron.action-complexe .action-card.action-complete { + border-color: #4caf50; + background: #1a2e1a; +} +.fvtt-hamalron.action-complexe .action-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 6px; +} +.fvtt-hamalron.action-complexe .action-header .action-name { + font-weight: 600; + color: #e0e0e0; + font-size: 14px; +} +.fvtt-hamalron.action-complexe .action-header .action-symbole { + color: #e94560; + font-size: 14px; +} +.fvtt-hamalron.action-complexe .action-progress { + display: flex; + align-items: center; + gap: 8px; + margin-bottom: 4px; +} +.fvtt-hamalron.action-complexe .action-progress .progress-bar { + flex: 1; + height: 8px; + background: #333; + border-radius: 4px; + overflow: hidden; +} +.fvtt-hamalron.action-complexe .action-progress .progress-bar .progress-fill { + height: 100%; + width: calc(var(--pct) * 1%); + background: linear-gradient(90deg, #e94560, #ff6b81); + border-radius: 4px; + transition: width 0.3s ease; +} +.fvtt-hamalron.action-complexe .action-progress .progress-text { + font-size: 12px; + color: #aaa; + white-space: nowrap; +} +.fvtt-hamalron.action-complexe .action-stats { + display: flex; + gap: 12px; + margin-bottom: 4px; + font-size: 12px; +} +.fvtt-hamalron.action-complexe .action-stats .stat-success { + color: #4caf50; +} +.fvtt-hamalron.action-complexe .action-stats .stat-failure { + color: #f44336; +} +.fvtt-hamalron.action-complexe .action-notes { + font-size: 11px; + color: #888; + font-style: italic; + margin-bottom: 6px; + padding: 4px; + background: rgba(0, 0, 0, 0.2); + border-radius: 4px; +} +.fvtt-hamalron.action-complexe .action-controls { + display: flex; + gap: 4px; +} +.fvtt-hamalron.action-complexe .action-controls button { + padding: 4px 8px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 11px; + transition: opacity 0.2s; +} +.fvtt-hamalron.action-complexe .action-controls button:hover { + opacity: 0.8; +} +.fvtt-hamalron.action-complexe .action-controls .btn-success { + background: #2e7d32; + color: #fff; +} +.fvtt-hamalron.action-complexe .action-controls .btn-failure { + background: #c62828; + color: #fff; +} +.fvtt-hamalron.action-complexe .action-controls .btn-reset { + background: #555; + color: #ccc; +} +.fvtt-hamalron.action-complexe .action-controls .btn-delete { + background: #333; + color: #888; +} +.fvtt-hamalron.action-complexe .action-empty { + text-align: center; + padding: 40px 20px; + color: #666; +} +.fvtt-hamalron.action-complexe .action-empty i { + margin-bottom: 12px; +} +.fvtt-hamalron.action-complexe .action-empty p { + font-size: 13px; +} diff --git a/styles/action-complexe.less b/styles/action-complexe.less index d3a9af8..e30fd5d 100644 --- a/styles/action-complexe.less +++ b/styles/action-complexe.less @@ -1,142 +1,140 @@ -.fvtt-hamalron { - &.action-complexe { - .action-complexe-container { +.fvtt-hamalron.action-complexe { + .action-complexe-container { + padding: 8px; + } + + .action-complexe-header { + margin-bottom: 12px; + + button { + width: 100%; padding: 8px; - } + background: #2a2a4a; + color: #e0e0e0; + border: 1px dashed #555; + border-radius: 6px; + cursor: pointer; + font-size: 13px; - .action-complexe-header { - margin-bottom: 12px; - - button { - width: 100%; - padding: 8px; - background: #2a2a4a; - color: #e0e0e0; - border: 1px dashed #555; - border-radius: 6px; - cursor: pointer; - font-size: 13px; - - &:hover { - background: #3a3a6a; - border-color: #e94560; - } + &:hover { + background: #3a3a6a; + border-color: #e94560; } } - - .action-complexe-list { - display: flex; - flex-direction: column; - gap: 10px; - } - - .action-card { - background: #1e1e3a; - border: 1px solid #333; - border-radius: 8px; - padding: 10px; - - &.action-complete { - border-color: #4caf50; - background: #1a2e1a; - } - } - - .action-header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 6px; - - .action-name { - font-weight: 600; - color: #e0e0e0; - font-size: 14px; - } - - .action-symbole { - color: #e94560; - font-size: 14px; - } - } - - .action-progress { - display: flex; - align-items: center; - gap: 8px; - margin-bottom: 4px; - - .progress-bar { - flex: 1; - height: 8px; - background: #333; - border-radius: 4px; - overflow: hidden; - - .progress-fill { - height: 100%; - width: calc(var(--pct) * 1%); - background: linear-gradient(90deg, #e94560, #ff6b81); - border-radius: 4px; - transition: width 0.3s ease; - } - } - - .progress-text { - font-size: 12px; - color: #aaa; - white-space: nowrap; - } - } - - .action-stats { - display: flex; - gap: 12px; - margin-bottom: 4px; - font-size: 12px; - - .stat-success { color: #4caf50; } - .stat-failure { color: #f44336; } - } - - .action-notes { - font-size: 11px; - color: #888; - font-style: italic; - margin-bottom: 6px; - padding: 4px; - background: rgba(0,0,0,0.2); - border-radius: 4px; - } - - .action-controls { - display: flex; - gap: 4px; - - button { - padding: 4px 8px; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 11px; - transition: opacity 0.2s; - - &:hover { opacity: 0.8; } - } - - .btn-success { background: #2e7d32; color: #fff; } - .btn-failure { background: #c62828; color: #fff; } - .btn-reset { background: #555; color: #ccc; } - .btn-delete { background: #333; color: #888; } - } - - .action-empty { - text-align: center; - padding: 40px 20px; - color: #666; - - i { margin-bottom: 12px; } - p { font-size: 13px; } - } + } + + .action-complexe-list { + display: flex; + flex-direction: column; + gap: 10px; + } + + .action-card { + background: #1e1e3a; + border: 1px solid #333; + border-radius: 8px; + padding: 10px; + + &.action-complete { + border-color: #4caf50; + background: #1a2e1a; + } + } + + .action-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 6px; + + .action-name { + font-weight: 600; + color: #e0e0e0; + font-size: 14px; + } + + .action-symbole { + color: #e94560; + font-size: 14px; + } + } + + .action-progress { + display: flex; + align-items: center; + gap: 8px; + margin-bottom: 4px; + + .progress-bar { + flex: 1; + height: 8px; + background: #333; + border-radius: 4px; + overflow: hidden; + + .progress-fill { + height: 100%; + width: calc(var(--pct) * 1%); + background: linear-gradient(90deg, #e94560, #ff6b81); + border-radius: 4px; + transition: width 0.3s ease; + } + } + + .progress-text { + font-size: 12px; + color: #aaa; + white-space: nowrap; + } + } + + .action-stats { + display: flex; + gap: 12px; + margin-bottom: 4px; + font-size: 12px; + + .stat-success { color: #4caf50; } + .stat-failure { color: #f44336; } + } + + .action-notes { + font-size: 11px; + color: #888; + font-style: italic; + margin-bottom: 6px; + padding: 4px; + background: rgba(0,0,0,0.2); + border-radius: 4px; + } + + .action-controls { + display: flex; + gap: 4px; + + button { + padding: 4px 8px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 11px; + transition: opacity 0.2s; + + &:hover { opacity: 0.8; } + } + + .btn-success { background: #2e7d32; color: #fff; } + .btn-failure { background: #c62828; color: #fff; } + .btn-reset { background: #555; color: #ccc; } + .btn-delete { background: #333; color: #888; } + } + + .action-empty { + text-align: center; + padding: 40px 20px; + color: #666; + + i { margin-bottom: 12px; } + p { font-size: 13px; } } } diff --git a/styles/fvtt-hamalron.less b/styles/fvtt-hamalron.less index 34f28f9..8a0fe7e 100644 --- a/styles/fvtt-hamalron.less +++ b/styles/fvtt-hamalron.less @@ -16,9 +16,9 @@ @import "region.less"; @import "sortilege.less"; @import "tarot.less"; - @import "action-complexe.less"; } @import "chat.less"; @import "roll.less"; @import "tarot-deck-manager.less"; +@import "action-complexe.less";