Remove non-existing css class reference in splitter (#2229)

This commit is contained in:
Erik Michelson 2022-07-24 21:22:50 +02:00 committed by GitHub
parent 02a419dae1
commit 1180d41b0b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 12 deletions

View file

@ -20,7 +20,7 @@ exports[`Splitter can render both panes 1`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 50%);" style="width: calc(100% - 50%);"
> >
right right
@ -41,7 +41,7 @@ exports[`Splitter can render only the left pane 1`] = `
left left
</div> </div>
<div <div
class="splitter right d-none" class="splitter d-none"
style="width: calc(100% - 100%);" style="width: calc(100% - 100%);"
> >
right right
@ -62,7 +62,7 @@ exports[`Splitter can render only the right pane 1`] = `
left left
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 0%);" style="width: calc(100% - 0%);"
> >
right right
@ -91,7 +91,7 @@ exports[`Splitter resize can change size with mouse 1`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 50%);" style="width: calc(100% - 50%);"
> >
right right
@ -120,7 +120,7 @@ exports[`Splitter resize can change size with mouse 2`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 100%);" style="width: calc(100% - 100%);"
> >
right right
@ -149,7 +149,7 @@ exports[`Splitter resize can change size with mouse 3`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 0%);" style="width: calc(100% - 0%);"
> >
right right
@ -178,7 +178,7 @@ exports[`Splitter resize can change size with mouse 4`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 0%);" style="width: calc(100% - 0%);"
> >
right right
@ -207,7 +207,7 @@ exports[`Splitter resize can change size with touch 1`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 50%);" style="width: calc(100% - 50%);"
> >
right right
@ -236,7 +236,7 @@ exports[`Splitter resize can change size with touch 2`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 100%);" style="width: calc(100% - 100%);"
> >
right right
@ -265,7 +265,7 @@ exports[`Splitter resize can change size with touch 3`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 0%);" style="width: calc(100% - 0%);"
> >
right right
@ -294,7 +294,7 @@ exports[`Splitter resize can change size with touch 4`] = `
/> />
</div> </div>
<div <div
class="splitter right " class="splitter"
style="width: calc(100% - 0%);" style="width: calc(100% - 0%);"
> >
right right

View file

@ -126,7 +126,7 @@ export const Splitter: React.FC<SplitterProps> = ({
</div> </div>
</ShowIf> </ShowIf>
<div <div
className={`${styles['splitter']} ${styles['right']} ${!showRight ? 'd-none' : ''}`} className={`${styles['splitter']}${!showRight ? ' d-none' : ''}`}
style={{ width: `calc(100% - ${adjustedRelativeSplitValue}%)` }}> style={{ width: `calc(100% - ${adjustedRelativeSplitValue}%)` }}>
{right} {right}
</div> </div>