IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

MM-54777 - Updating invite modal guest button (#24977)

Browse Source 
* MM-54777 - Updating invite modal guest button

* Updating button
This commit is contained in:
Asaad Mahmood 2023-10-18 14:14:47 +05:00 committed by GitHub
parent a272a78e63
commit 52fe06db4e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/channels/src/components/channel_invite_modal/channel_invite_modal.tsx
View File

@ -474,7 +474,7 @@ export default class ChannelInviteModal extends React.PureComponent<Props, State
return (
<ToggleModalButton
id='inviteGuest'
className={`${props.inviteAsGuest ? 'invite-as-guest' : ''} btn btn-tertiary`}
className={`${props.inviteAsGuest ? 'invite-as-guest' : ''} btn btn-link`}
modalId={ModalIdentifiers.INVITATION}
dialogType={InvitationModal}
dialogProps={{

13
webapp/channels/src/sass/components/_buttons.scss
View File

@ -179,6 +179,19 @@ button {
}
}
&.btn-link {
padding: 0;
border: none;
background: transparent;
color: rgba(var(--button-bg-rgb), 1);
&:hover,
&:focus,
&:active {
text-decoration: underline;
}
}
&.btn-primary {
position: relative;
border-color: transparent;

5
webapp/channels/src/sass/components/_channel-invite-modal.scss
View File

@ -168,13 +168,10 @@
}
.invite-as-guest {
width: fit-content;
order: 1;
padding-top: 8px;
margin-top: 8px;
margin-right: 2.4rem;
margin-bottom: 22px;
margin-left: auto;
font-weight: 600;
}
.multi-select__footer {

2
webapp/channels/src/sass/responsive/_tablet.scss
View File

@ -194,7 +194,7 @@
}
.icon-arrow-collapse {
display: inline-block;
display: inline-flex;
}
}
}