framework/less/forum/signup.less
Toby Zerner e466dcc626 Significantly improve mobile UX
Most of #137 done.

- Use FastClick to make everything feel more responsive
- Use transforms for animations to make them silky smooth
- Style the drawer the same as the header to keep things simple
- Revert to fixed composer, but allow it to be minimised
- Add a separate notifications page for mobile so it’s easy to go back
- Add indicator to the menu button when there are unread notifications
- Close the drawer when navigating away
- Make dropdowns/modals scrollable
- Many other mobile tweaks and bug fixes

Didn’t take much care to keep CSS clean, due to #103
2015-06-24 11:44:53 +09:30

45 lines
716 B
Plaintext

.signup-welcome {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: @border-radius-base;
padding: 50px 30px;
text-align: center;
color: #fff;
font-size: 14px;
.inverted-components();
& .avatar {
.avatar-size(96px);
border: 4px solid @fl-body-bg;
.box-shadow(0 2px 6px @fl-shadow-color);
}
& h3, & p {
margin-bottom: 25px;
}
& .btn-default {
font-size: 15px;
height: 50px;
padding: 15px 20px;
}
& .container {
width: auto !important;
padding: 0 !important;
position: relative;
}
}
.signup-modal-success {
& .close {
color: #fff;
}
}
@media @phone {
.signup-welcome {
padding-top: 56px + 60px;
}
}