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

registration: redesign email verification page (#8554)

Browse source
This commit is contained in:
Janne Mareike Koschinski 2022-05-13 16:10:22 +02:00 • committed by GitHub
parent 438e66bb3f
commit 6d6cfcde11
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 382 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

47
res/css/views/auth/_InteractiveAuthEntryComponents.scss
View file

@ -14,35 +14,6 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_InteractiveAuthEntryComponents_emailWrapper {
padding-right: 100px;
position: relative;
margin-top: 32px;
margin-bottom: 32px;
&::before, &::after {
position: absolute;
width: 116px;
height: 116px;
content: "";
right: -10px;
}
&::before {
background-color: rgba(244, 246, 250, 0.91);
border-radius: 50%;
top: -20px;
}
&::after {
background-image: url('$(res)/img/element-icons/email-prompt.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: -25px;
}
}
.mx_InteractiveAuthEntryComponents_msisdnWrapper {
text-align: center;
}
@ -103,3 +74,21 @@ limitations under the License.
margin-left: 5px;
}
}
.mx_InteractiveAuthEntryComponents_emailWrapper {
// "Resend" button/link
.mx_AccessibleButton_kind_link_inline {
// We need this to be an inline-block so positioning works correctly
display: inline-block !important;
// Spinner as end adornment of the "resend" button/link
.mx_Spinner {
// Spinners are usually block elements, but we need it as inline element
display: inline-flex !important;
// Spinners by default fill all available width, but we don't want that
width: auto !important;
// We need to center the spinner relative to the button/link
vertical-align: middle !important;
}
}
}