mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2024-11-10 09:07:45 +01:00
Fix key issues and remove redundant css property
This commit is contained in:
parent
d27ddc85ae
commit
a1722db8d5
3 changed files with 6 additions and 5 deletions
|
@ -122,7 +122,6 @@
|
|||
.sponsorSkipNoticeParent {
|
||||
position: absolute;
|
||||
|
||||
right: 5px;
|
||||
bottom: 100px;
|
||||
right: 10px;
|
||||
}
|
||||
|
|
|
@ -154,7 +154,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
|
|||
|
||||
{this.props.children}
|
||||
|
||||
{!this.props.smaller ?
|
||||
{!this.props.smaller && this.props.bottomRow ?
|
||||
this.props.bottomRow
|
||||
: null}
|
||||
|
||||
|
@ -162,9 +162,11 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
|
|||
</table>
|
||||
|
||||
{/* Add as a hidden table to keep the height constant */}
|
||||
{this.props.smaller ?
|
||||
{this.props.smaller && this.props.bottomRow ?
|
||||
<table style={{visibility: "hidden", paddingTop: "14px"}}>
|
||||
<tbody>
|
||||
{this.props.bottomRow}
|
||||
</tbody>
|
||||
</table>
|
||||
: null}
|
||||
</div>
|
||||
|
|
|
@ -348,7 +348,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
|
|||
return [
|
||||
<tr id={"sponsorSkipNoticeSpacer" + this.idSuffix}
|
||||
className="sponsorBlockSpacer"
|
||||
key={0}>
|
||||
key={"messageBoxSpacer"}>
|
||||
</tr>
|
||||
];
|
||||
}
|
||||
|
@ -360,7 +360,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
|
|||
<NoticeTextSelectionComponent idSuffix={this.idSuffix}
|
||||
text={this.state.messages[i]}
|
||||
onClick={this.state.messageOnClick}
|
||||
key={i}>
|
||||
key={"messageBox" + i}>
|
||||
</NoticeTextSelectionComponent>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue