fix faction scrolling

This commit is contained in:
Olivier Gagnon 2021-09-11 23:29:04 -04:00
parent 1a5651ae8b
commit a9c80f0691
4 changed files with 9 additions and 18 deletions

@ -43,11 +43,6 @@
padding-top: 10px;
}
#faction-container {
position: fixed;
padding-top: 10px;
}
.faction-work-div {
width: 70%;
height: 100%;
@ -61,13 +56,13 @@
width: 70%;
}
#faction-container p,
#faction-container pre {
.faction-container p,
.faction-container pre {
padding: 4px 6px;
margin: 4px 6px;
}
#faction-container pre {
.faction-container pre {
width: 70%;
white-space: pre-wrap; /* Since CSS 2.1 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */

File diff suppressed because one or more lines are too long

10
dist/engineStyle.css vendored

@ -1672,10 +1672,6 @@ button {
position: fixed;
padding-top: 10px; }
#faction-container {
position: fixed;
padding-top: 10px; }
.faction-work-div {
width: 70%;
height: 100%; }
@ -1687,12 +1683,12 @@ button {
margin: 6px;
width: 70%; }
#faction-container p,
#faction-container pre {
.faction-container p,
.faction-container pre {
padding: 4px 6px;
margin: 4px 6px; }
#faction-container pre {
.faction-container pre {
width: 70%;
white-space: pre-wrap;
/* Since CSS 2.1 */

@ -103,7 +103,7 @@ export class FactionRoot extends React.Component<IProps, IState> {
popupId: popupId,
facName: this.props.faction.name,
p: this.props.p,
engine: this.props.engine
engine: this.props.engine,
});
}
@ -178,7 +178,7 @@ export class FactionRoot extends React.Component<IProps, IState> {
}
return (
<div id="faction-container">
<div className="faction-container">
<h1>{faction.name}</h1>
<Info faction={faction} factionInfo={factionInfo} />
{canAccessGang && <Option buttonText={"Manage Gang"} infoText={gangInfo} onClick={this.manageGang} />}