imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix button border color of LeaveSpaceDialog (#8010)

Browse source
This commit is contained in:
Suguru Hirahara 2022-03-10 07:52:09 +00:00 • committed by GitHub
parent 7b71a9fb65
commit 93bde40568
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 38 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

83
res/css/views/dialogs/_LeaveSpaceDialog.scss
View file

@ -19,58 +19,49 @@ limitations under the License.
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 24px 32px; padding: 24px 32px;
}
}
.mx_LeaveSpaceDialog { .mx_LeaveSpaceDialog {
width: 440px; width: 440px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
height: 520px; height: 520px;
.mx_Dialog_content { .mx_Dialog_content {
flex-grow: 1; flex-grow: 1;
margin: 0; margin: 0;
overflow-y: auto; overflow-y: auto;
.mx_LeaveSpaceDialog_section_warning { .mx_LeaveSpaceDialog_section_warning {
position: relative; position: relative;
border-radius: 8px; border-radius: 8px;
margin: 12px 0 0; margin: 12px 0 0;
padding: 12px 8px 12px 42px; padding: 12px 8px 12px 42px;
background-color: $header-panel-bg-color; background-color: $header-panel-bg-color;
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
color: $secondary-content; color: $secondary-content;
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
left: 10px; left: 10px;
top: calc(50% - 8px); // vertical centering top: calc(50% - 8px); // vertical centering
height: 16px; height: 16px;
width: 16px; width: 16px;
background-color: $secondary-content; background-color: $secondary-content;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: contain; mask-size: contain;
mask-image: url('$(res)/img/element-icons/room/room-summary.svg'); mask-image: url('$(res)/img/element-icons/room/room-summary.svg');
mask-position: center; mask-position: center;
}
}
> p {
color: $primary-content;
}
} }
} }
> p {
color: $primary-content;
}
}
.mx_Dialog_buttons {
margin-top: 20px;
.mx_Dialog_primary {
background-color: $alert !important; // override default colour
border-color: $alert;
}
} }
} }

1
src/components/views/dialogs/LeaveSpaceDialog.tsx
View file

@ -105,6 +105,7 @@ const LeaveSpaceDialog: React.FC<IProps> = ({ space, onFinished }) => {
</div> </div>
<DialogButtons <DialogButtons
primaryButton={_t("Leave space")} primaryButton={_t("Leave space")}
primaryButtonClass="danger"
onPrimaryButtonClick={() => onFinished(true, roomsToLeave)} onPrimaryButtonClick={() => onFinished(true, roomsToLeave)}
hasCancel={true} hasCancel={true}
onCancel={() => onFinished(false)} onCancel={() => onFinished(false)}