Rename components to match prior convention

This commit is contained in:
Travis Ralston 2020-08-26 08:50:32 -06:00
parent 3e7d82b421
commit 82b015bd5f
8 changed files with 64 additions and 64 deletions

View file

@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_PrototypeCommunityInviteDialog {
.mx_CommunityPrototypeInviteDialog {
&.mx_Dialog_fixedWidth {
width: 360px;
}
@ -22,7 +22,7 @@ limitations under the License.
.mx_Dialog_content {
margin-bottom: 0;
.mx_PrototypeCommunityInviteDialog_people {
.mx_CommunityPrototypeInviteDialog_people {
position: relative;
margin-bottom: 4px;
@ -36,11 +36,11 @@ limitations under the License.
}
}
.mx_PrototypeCommunityInviteDialog_morePeople {
.mx_CommunityPrototypeInviteDialog_morePeople {
margin-top: 8px;
}
.mx_PrototypeCommunityInviteDialog_person {
.mx_CommunityPrototypeInviteDialog_person {
position: relative;
margin-top: 4px;
@ -55,21 +55,21 @@ limitations under the License.
width: 16px; // to force a square
}
.mx_PrototypeCommunityInviteDialog_personIdentifiers {
.mx_CommunityPrototypeInviteDialog_personIdentifiers {
display: inline-block;
& > * {
display: block;
}
.mx_PrototypeCommunityInviteDialog_personName {
.mx_CommunityPrototypeInviteDialog_personName {
font-weight: 600;
font-size: $font-14px;
color: $primary-fg-color;
margin-left: 7px;
}
.mx_PrototypeCommunityInviteDialog_personId {
.mx_CommunityPrototypeInviteDialog_personId {
font-size: $font-12px;
color: $muted-fg-color;
margin-left: 7px;
@ -77,7 +77,7 @@ limitations under the License.
}
}
.mx_PrototypeCommunityInviteDialog_primaryButton {
.mx_CommunityPrototypeInviteDialog_primaryButton {
display: block;
font-size: $font-13px;
line-height: 20px;

View file

@ -14,13 +14,13 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_PrototypeCreateGroupDialog {
.mx_CreateCommunityPrototypeDialog {
.mx_Dialog_content {
display: flex;
flex-direction: row;
margin-bottom: 12px;
.mx_PrototypeCreateGroupDialog_colName {
.mx_CreateCommunityPrototypeDialog_colName {
flex-basis: 66.66%;
padding-right: 100px;
@ -29,7 +29,7 @@ limitations under the License.
line-height: $font-20px;
}
.mx_PrototypeCreateGroupDialog_subtext {
.mx_CreateCommunityPrototypeDialog_subtext {
display: block;
color: $muted-fg-color;
margin-bottom: 16px;
@ -38,12 +38,12 @@ limitations under the License.
margin-top: 16px;
}
&.mx_PrototypeCreateGroupDialog_subtext_error {
&.mx_CreateCommunityPrototypeDialog_subtext_error {
color: $warning-color;
}
}
.mx_PrototypeCreateGroupDialog_communityId {
.mx_CreateCommunityPrototypeDialog_communityId {
position: relative;
.mx_InfoTooltip {
@ -59,21 +59,21 @@ limitations under the License.
}
}
.mx_PrototypeCreateGroupDialog_colAvatar {
.mx_CreateCommunityPrototypeDialog_colAvatar {
flex-basis: 33.33%;
.mx_PrototypeCreateGroupDialog_avatarContainer {
.mx_CreateCommunityPrototypeDialog_avatarContainer {
margin-top: 12px;
margin-bottom: 20px;
.mx_PrototypeCreateGroupDialog_avatar,
.mx_PrototypeCreateGroupDialog_placeholderAvatar {
.mx_CreateCommunityPrototypeDialog_avatar,
.mx_CreateCommunityPrototypeDialog_placeholderAvatar {
width: 96px;
height: 96px;
border-radius: 96px;
}
.mx_PrototypeCreateGroupDialog_placeholderAvatar {
.mx_CreateCommunityPrototypeDialog_placeholderAvatar {
background-color: #368bd6; // hardcoded for both themes
&::before {
@ -91,7 +91,7 @@ limitations under the License.
}
}
.mx_PrototypeCreateGroupDialog_tip {
.mx_CreateCommunityPrototypeDialog_tip {
& > b, & > span {
display: block;
color: $muted-fg-color;