f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 09:52:41 +00:00
Code Wiki Activity

Give spellList "wide" class for consistency

Browse Source
This commit is contained in:
Trevor Buckner
2021-09-09 09:14:16 -04:00
parent 4fae5332fc
commit 5d42196297
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/homebrew/brewRenderer/brewRenderer.jsx
View File

@@ -131,7 +131,7 @@ const BrewRenderer = createClass({
if(this.props.renderer == 'legacy') if(this.props.renderer == 'legacy')
return <div className='phb page' id={`p${index + 1}`} dangerouslySetInnerHTML={{ __html: MarkdownLegacy.render(pageText) }} key={index} />; return <div className='phb page' id={`p${index + 1}`} dangerouslySetInnerHTML={{ __html: MarkdownLegacy.render(pageText) }} key={index} />;
else { else {
pageText += `\n\\column\n&nbsp;`; //Artificial column break at page end to emulate column-fill:auto (until `wide` is used, when column-fill:balance will reappear) pageText += `\n&nbsp;\n\\column\n&nbsp;`; //Artificial column break at page end to emulate column-fill:auto (until `wide` is used, when column-fill:balance will reappear)
return ( return (
<div className='page' id={`p${index + 1}`} key={index} > <div className='page' id={`p${index + 1}`} key={index} >
<div className='columnWrapper' dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} /> <div className='columnWrapper' dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} />

4
client/homebrew/editor/snippetbar/snippets/magic.gen.js
View File

@@ -60,13 +60,13 @@ module.exports = {
const levels = ['Cantrips (0 Level)', '1st Level', '2nd Level', '3rd Level', '4th Level', '5th Level', '6th Level', '7th Level', '8th Level', '9th Level']; const levels = ['Cantrips (0 Level)', '1st Level', '2nd Level', '3rd Level', '4th Level', '5th Level', '6th Level', '7th Level', '8th Level', '9th Level'];
const content = _.map(levels, (level)=>{ const content = _.map(levels, (level)=>{
const spells = _.map(_.sampleSize(spellNames, _.random(5, 15)), (spell)=>{ const spells = _.map(_.sampleSize(spellNames, _.random(4, 10)), (spell)=>{
return `- ${spell}`; return `- ${spell}`;
}).join('\n'); }).join('\n');
return `##### ${level} \n${spells} \n`; return `##### ${level} \n${spells} \n`;
}).join('\n'); }).join('\n');
return `{{spellList\n${content}\n}}`; return `{{spellList,wide\n${content}\n}}`;
}, },
spell : function(){ spell : function(){

2
client/homebrew/pages/printPage/printPage.jsx
View File

@@ -46,7 +46,7 @@ const PrintPage = createClass({
}); });
} else { } else {
return _.map(this.state.brewText.split(/^\\page$/gm), (pageText, index)=>{ return _.map(this.state.brewText.split(/^\\page$/gm), (pageText, index)=>{
pageText += `\n\\column\n&nbsp;`; //Artificial column break at page end to emulate column-fill:auto (until `wide` is used, when column-fill:balance will reappear) pageText += `\n&nbsp;\n\\column\n&nbsp;`; //Artificial column break at page end to emulate column-fill:auto (until `wide` is used, when column-fill:balance will reappear)
return ( return (
<div className='page' id={`p${index + 1}`} key={index} > <div className='page' id={`p${index + 1}`} key={index} >
<div className='columnWrapper' dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} /> <div className='columnWrapper' dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} />

10
themes/5ePhb.style.less
View File

@@ -567,10 +567,7 @@ body {
// *****************************/ // *****************************/
.page .spellList{ .page .spellList{
.useSansSerif(); .useSansSerif();
column-count : 4; column-count : 2;
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
ul+h5{ ul+h5{
margin-top : 15px; margin-top : 15px;
} }
@@ -587,6 +584,9 @@ body {
page-break-inside : auto; page-break-inside : auto;
break-inside : auto; break-inside : auto;
} }
&.wide{
column-count : 4;
}
} }
//***************************** //*****************************
@@ -717,7 +717,7 @@ body {
break-inside : avoid; break-inside : avoid;
display : inline-block; display : inline-block;
min-width : 100%; min-width : 100%;
-webkit-transform : translateZ(0); //Prevents shadows from breaking across columns //-webkit-transform : translateZ(0); //Prevents shadows from breaking across columns
} }
.inline-block { .inline-block {
display : inline-block; display : inline-block;