scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-24 08:08:18 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

transfer ownership selection step uses its own grid

Browse source
This commit is contained in:
Eric Rosenbaum 2021-07-19 11:17:27 -04:00
parent 1e99722801
commit d4253bdd2e
2 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/views/studio/modals/transfer-ownership-modal.scss
View file

@ -1,4 +1,5 @@
@import "../../../colors"; @import "../../../colors";
@import "../../../frameless";
.transfer-ownership-modal { .transfer-ownership-modal {
.transfer-ownership-title { .transfer-ownership-title {
@ -68,6 +69,16 @@
min-width: 5rem; min-width: 5rem;
} }
.transfer-ownership-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
@media #{$intermediate-and-smaller} {
& { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
column-gap: 20px;
row-gap: 20px;
}
.transfer-ownership-tile-selected { .transfer-ownership-tile-selected {
background: #0EBD8C; background: #0EBD8C;
} }

10
src/views/studio/modals/transfer-ownership-selection.jsx
View file

@ -29,10 +29,12 @@ const TransferOwnershipSelection = ({
<ModalInnerContent <ModalInnerContent
className="inner" className="inner"
> >
<h3> <div>
<FormattedMessage id="studio.transferOwnership.whichManager" /> <h3>
</h3> <FormattedMessage id="studio.transferOwnership.whichManager" />
<div className="studio-members-grid"> </h3>
</div>
<div className="transfer-ownership-grid">
{items.map(item => {items.map(item =>
userId !== item.id && userId !== item.id &&
(<TransferOwnershipTile (<TransferOwnershipTile