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

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

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

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

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

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

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