[MM-61716][MM-62643] Introduce Modal component, remove bootstrap and react-bootstrap from most modals, update styles (#3317)

* Introduce Modal, add some styles from the webapp

* Remove bootstrap from LoadingScreen/WelcomeScreen

* Migrate add/edit server modal to Modal, remove bootstrap

* Migrate remove server modal to Modal, remove bootstrap

* Migrate certificate modal to Modal, remove bootstrap

* Migrate login and permission modals to Modal, remove Bootstrap

* Misc fixes

* E2E tests for current modals

* Update src/renderer/components/Modal.tsx

Co-authored-by: Daniel Espino García <larkox@gmail.com>

* Update src/renderer/components/Modal.tsx

Co-authored-by: Daniel Espino García <larkox@gmail.com>

* PR feedback

---------

Co-authored-by: Daniel Espino García <larkox@gmail.com>
Co-authored-by: Mattermost Build <build@mattermost.com>
This commit is contained in:
Devin Binnie
2025-02-18 10:58:28 -05:00
committed by GitHub
parent 34963cbaa8
commit 4d754efdd7
44 changed files with 1854 additions and 927 deletions

View File

@@ -8,7 +8,7 @@
font-family: 'Open Sans';
.alternate-link__message {
color: var(--center-channel-text);
color: var(--center-channel-color);
font-size: 12px;
font-weight: 400;
line-height: 16px;
@@ -117,7 +117,7 @@
.ConfigureServer__card {
width: 540px;
box-sizing: border-box;
border: 1px solid rgba(var(--center-channel-text-rgb), 0.08);
border: 1px solid rgba(var(--center-channel-color-rgb), 0.08);
margin-left: 60px;
background-color: var(--center-channel-bg);
border-radius: 8px;
@@ -143,6 +143,7 @@
font-weight: 600;
line-height: 28px;
margin-bottom: 32px;
margin-top: 0;
}
.ConfigureServer__card-form {