luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

GH-4332 - Updating card editor classes (#4350)

Browse source
This commit is contained in:
Asaad Mahmood 2022-12-16 20:47:03 +05:00 committed by GitHub
parent 1e9f2ac452
commit 42c46ad258
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
webapp/src/components/__snapshots__/cardDialog.test.tsx.snap
View file

@ -72,7 +72,7 @@ exports[`components/cardDialog already following card 1`] = `
</div> </div>
</div> </div>
<div <div
class="CardDetail content" class="CardDetail "
> >
<div <div
class="IconSelector" class="IconSelector"
@ -165,7 +165,7 @@ exports[`components/cardDialog already following card 1`] = `
</div> </div>
</div> </div>
<div <div
class="CardDetail content fullwidth content-blocks" class="CardDetail CardDetail--fullwidth content-blocks"
> >
<div <div
class="octo-content CardDetailContents" class="octo-content CardDetailContents"
@ -250,7 +250,7 @@ exports[`components/cardDialog limited card shows hidden view (no toolbar) 1`] =
</div> </div>
</div> </div>
<div <div
class="CardDetail content is-limited" class="CardDetail CardDetail--is-limited"
> >
<div <div
class="IconSelector" class="IconSelector"
@ -501,7 +501,7 @@ exports[`components/cardDialog return a cardDialog readonly 1`] = `
</div> </div>
</div> </div>
<div <div
class="CardDetail content" class="CardDetail "
> >
<div <div
class="IconSelector" class="IconSelector"
@ -551,7 +551,7 @@ exports[`components/cardDialog return a cardDialog readonly 1`] = `
/> />
</div> </div>
<div <div
class="CardDetail content fullwidth content-blocks" class="CardDetail CardDetail--fullwidth content-blocks"
> >
<div <div
class="octo-content CardDetailContents" class="octo-content CardDetailContents"
@ -780,7 +780,7 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
</div> </div>
</div> </div>
<div <div
class="CardDetail content" class="CardDetail "
> >
<div <div
class="IconSelector" class="IconSelector"
@ -873,7 +873,7 @@ exports[`components/cardDialog return cardDialog menu content 1`] = `
</div> </div>
</div> </div>
<div <div
class="CardDetail content fullwidth content-blocks" class="CardDetail CardDetail--fullwidth content-blocks"
> >
<div <div
class="octo-content CardDetailContents" class="octo-content CardDetailContents"
@ -990,7 +990,7 @@ exports[`components/cardDialog return cardDialog menu content and cancel delete
</div> </div>
</div> </div>
<div <div
class="CardDetail content" class="CardDetail "
> >
<div <div
class="IconSelector" class="IconSelector"
@ -1083,7 +1083,7 @@ exports[`components/cardDialog return cardDialog menu content and cancel delete
</div> </div>
</div> </div>
<div <div
class="CardDetail content fullwidth content-blocks" class="CardDetail CardDetail--fullwidth content-blocks"
> >
<div <div
class="octo-content CardDetailContents" class="octo-content CardDetailContents"
@ -1200,7 +1200,7 @@ exports[`components/cardDialog should match snapshot 1`] = `
</div> </div>
</div> </div>
<div <div
class="CardDetail content" class="CardDetail "
> >
<div <div
class="IconSelector" class="IconSelector"
@ -1293,7 +1293,7 @@ exports[`components/cardDialog should match snapshot 1`] = `
</div> </div>
</div> </div>
<div <div
class="CardDetail content fullwidth content-blocks" class="CardDetail CardDetail--fullwidth content-blocks"
> >
<div <div
class="octo-content CardDetailContents" class="octo-content CardDetailContents"
@ -1400,7 +1400,7 @@ exports[`components/cardDialog should match snapshot without permissions 1`] = `
</div> </div>
</div> </div>
<div <div
class="CardDetail content" class="CardDetail "
> >
<div <div
class="IconSelector" class="IconSelector"
@ -1450,7 +1450,7 @@ exports[`components/cardDialog should match snapshot without permissions 1`] = `
/> />
</div> </div>
<div <div
class="CardDetail content fullwidth content-blocks" class="CardDetail CardDetail--fullwidth content-blocks"
> >
<div <div
class="octo-content CardDetailContents" class="octo-content CardDetailContents"

2
webapp/src/components/cardDetail/__snapshots__/cardDetail.test.tsx.snap
View file

@ -3,7 +3,7 @@
exports[`components/cardDetail/CardDetail should render hidden view if limited 1`] = ` exports[`components/cardDetail/CardDetail should render hidden view if limited 1`] = `
<div> <div>
<div <div
class="CardDetail content is-limited" class="CardDetail CardDetail--is-limited"
> >
<div <div
class="IconSelector" class="IconSelector"

2
webapp/src/components/cardDetail/cardDetail.scss
View file

@ -175,7 +175,7 @@
} }
} }
&.content.is-limited { &.CardDetail--is-limited {
flex: 1; flex: 1;
} }

4
webapp/src/components/cardDetail/cardDetail.tsx
View file

@ -195,7 +195,7 @@ const CardDetail = (props: Props): JSX.Element|null => {
return ( return (
<> <>
<div className={`CardDetail content${limited ? ' is-limited' : ''}`}> <div className={`CardDetail ${limited ? ' CardDetail--is-limited' : ''}`}>
<BlockIconSelector <BlockIconSelector
block={card} block={card}
size='l' size='l'
@ -314,7 +314,7 @@ const CardDetail = (props: Props): JSX.Element|null => {
{/* Content blocks */} {/* Content blocks */}
{!limited && <div className='CardDetail content fullwidth content-blocks'> {!limited && <div className='CardDetail CardDetail--fullwidth content-blocks'>
{newBoardsEditor && ( {newBoardsEditor && (
<BlocksEditor <BlocksEditor
boardId={card.boardId} boardId={card.boardId}

4
webapp/src/components/dialog.scss
View file

@ -118,7 +118,7 @@
height: 28px; height: 28px;
} }
> .content { > .CardDetail {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@ -132,7 +132,7 @@
} }
} }
> .content.fullwidth { > .CardDetail--fullwidth {
padding-left: 78px; padding-left: 78px;
} }
} }