yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-05 10:49:28 +02:00
Code Issues Releases Wiki Activity

improvements to login and sign-up pages (#3357)

Browse source 
* New login form ui
* Move InstanceAboutAccordion to shared components
* Update closed registration alert text
* Add alert for opened registration and move them bellow login form
* Adjust flex block on signup and login views
* Replace toggle accordion with expand on links in signup and login + scrollTo
* Improve display of login alerts
* Fix missing Component suffix
* Define min-width instance-information block sign-up and login for mobile screens
* Add ability to select specific panels in instanceAboutAccorddion
* Add instance title and short-description to common instanceAboutAccordion
* Clarify title alert in login page
* Add step terms for signup

Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Co-authored-by: Rigel Kent <sendmemail@rigelk.eu>
This commit is contained in:
Kimsible 2020-12-07 16:34:07 +01:00 • committed by GitHub
parent 10f26f4203
commit 40360c17d8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
21 changed files with 542 additions and 253 deletions
Download patch file Download diff file Expand all files Collapse all files

46
client/src/app/shared/shared-instance/instance-about-accordion.component.scss Normal file
View file

@ -0,0 +1,46 @@
@import '_variables';
@import '_mixins';
@import "./_bootstrap-variables";
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
.instance-name {
line-height: 1.7rem;
}
.instance-short-description {
@include ellipsis-multiline(1rem, 3);
margin-top: 20px;
margin-bottom: 20px;
}
.block {
font-size: 15px;
margin-bottom: 15px;
padding: 0 $btn-padding-x;
}
ngb-accordion ::ng-deep {
.card {
border-color: var(--mainBackgroundColor);
.card-header {
background-color: unset;
padding: 0;
& + .collapse.show {
background-color: var(--submenuColor);
}
}
}
.btn {
@include peertube-button;
@include grey-button;
border-radius: unset;
width: 100%;
}
}