diff --git a/src/scripts/asc-starwars.js b/src/scripts/asc-starwars.js index 06a44f1..42852c8 100644 --- a/src/scripts/asc-starwars.js +++ b/src/scripts/asc-starwars.js @@ -8,4 +8,11 @@ Hooks.once('ready', () => { label: 'Star Wars Style Journal', makeDefault: false // Set to true if you want this as the default }); +}); + +Hooks.on("renderChatMessage", (message, html, data) => { + let customClass = message.getFlag("asc-starwars-style-journal", "customClass"); + if (customClass) { + html.addClass(customClass); + } }); \ No newline at end of file diff --git a/src/scripts/journalSheets.js b/src/scripts/journalSheets.js index 6001726..30eec60 100644 --- a/src/scripts/journalSheets.js +++ b/src/scripts/journalSheets.js @@ -1,7 +1,20 @@ export class StarWarsStyleJournalSheet extends JournalSheet { static get defaultOptions() { return mergeObject(super.defaultOptions, { - classes: [...(super.defaultOptions.classes || []), 'asc-starwars-customsheet'], + classes: [...(super.defaultOptions.classes || []), 'asc-starwars'], }); } + + // activateListeners(html) { + // super.activateListeners(html); + + // const sidebar = html.find('.journal-sidebar'); + // const aside = html.find('aside'); + // this.toggleSidebar() + + // } + async _render(force, options) { + await super._render(force, {...options, collapsed:true}); + + } } \ No newline at end of file diff --git a/src/styles/asc-starwars-journal.css b/src/styles/asc-starwars-journal.css index 614c7ad..1ef0681 100644 --- a/src/styles/asc-starwars-journal.css +++ b/src/styles/asc-starwars-journal.css @@ -23,30 +23,41 @@ src: url("../fonts/SWCrawlBody.ttf"); } -.asc-starwars-customsheet .journal-entry-content, .editor-container { +.asc-starwars .journal-entry-content, .editor-container, .chat-message.asc-starwars .message-content { background-image:url(../artwork/stars.png) !important; background-repeat:repeat !important; background-position:center top !important; background-color:black !important; color: #ffd54e; font-family:SWCrawlBody; - padding-top: 2rem; .journal-header { display: none; } .editor-content { + width:80%; padding-top: 1rem; } + &.journal-entry-content { + padding-top: 2rem; + article{ + width:80%; + } + } + + &.message-content { + width: 100%; + padding: 1em; + } + article { transform:perspective(300px) rotateX(10deg); } - article, .editor-content { + article, .editor-content, &.message-content { font-size:larger; - width:80%; margin:auto; a.content-link { @@ -56,9 +67,16 @@ font-weight: 900; } + &.message-content { + border-radius: 0.4rem; + } + &.editor-content { p, strong, em { border: #686868BF 1px solid; + border-radius: .3rem; + padding: .2rem; + margin: .2rem; } }