Rename components to match prior convention
This commit is contained in:
parent
3e7d82b421
commit
82b015bd5f
8 changed files with 64 additions and 64 deletions
|
@ -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;
|
|
@ -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;
|
Loading…
Add table
Add a link
Reference in a new issue