Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleans up alignment of login and signup modals

Browse Source
This commit is contained in:
Galen Frechette
2012-06-25 14:18:01 -04:00
parent 1d7b30159b
commit 915810d457
2 changed files with 18 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
lms/static/sass/_shared_modal.scss
View File

@@ -22,7 +22,11 @@
@include box-shadow(0 15px 80px 15px rgba(0,0,0, 0.5));
color: #fff;
display: none;
left: 50%;
margin-left: -(grid-width(6)) / 2;
padding: 8px;
position: absolute;
top: 170px;
width: grid-width(6);
z-index: 10;
@@ -30,28 +34,13 @@
display: block;
}
&.login-modal {
@include vertically-and-horizontally-centered(410px, grid-width(6));
.inner-wrapper {
height: 410px;
}
}
&.signup-modal {
@include vertically-and-horizontally-centered(965px, grid-width(6));
.inner-wrapper {
height: 965px;
}
}
.inner-wrapper {
background: rgb(240,240,240);
@include border-radius(0px);
border: 1px solid rgba(0, 0, 0, 0.9);
@include box-shadow(inset 0 1px 0 0 rgba(255, 255, 255, 0.7));
overflow: hidden;
padding-bottom: 30px;
position: relative;
header {
@@ -107,7 +96,7 @@
form {
margin-bottom: 12px;
padding: 0px 20px;
padding: 0px 40px;
position: relative;
z-index: 2;
@@ -145,19 +134,17 @@
}
a {
//color: $base-font-color;
font: normal 1.2rem/1.6rem $serif;
text-decoration: underline;
&:hover {
//color: $lighter-base-font-color;
}
}
}
.honor-code-summary {
margin-bottom: 20px;
padding: 0px 10px;
padding: 0px;
position: relative;
p {
@@ -201,13 +188,13 @@
}
.submit {
padding-top: 18px;
padding-top: 10px;
input[type="submit"] {
display: block;
height: 45px;
margin: 0 auto;
width: 70%;
width: 100%;
}
}
}

31
lms/static/sass/application.css
View File

@@ -1708,29 +1708,15 @@ header.app {
box-shadow: 0 15px 80px 15px rgba(0, 0, 0, 0.5);
color: #fff;
display: none;
left: 50%;
margin-left: -242.5px;
padding: 8px;
position: absolute;
top: 170px;
width: 485px;
z-index: 10; }
.modal.visible {
display: block; }
.modal.login-modal {
left: 50%;
margin-left: -242.5px;
min-height: 410px;
min-width: 485px;
position: absolute;
top: 150px; }
.modal.login-modal .inner-wrapper {
height: 410px; }
.modal.signup-modal {
left: 50%;
margin-left: -242.5px;
min-height: 965px;
min-width: 485px;
position: absolute;
top: 150px; }
.modal.signup-modal .inner-wrapper {
height: 965px; }
.modal .inner-wrapper {
background: #f0f0f0;
-webkit-border-radius: 0px;
@@ -1741,6 +1727,7 @@ header.app {
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7);
overflow: hidden;
padding-bottom: 30px;
position: relative; }
.modal .inner-wrapper header {
margin-bottom: 30px;
@@ -1786,7 +1773,7 @@ header.app {
z-index: 2; }
.modal .inner-wrapper form {
margin-bottom: 12px;
padding: 0px 20px;
padding: 0px 40px;
position: relative;
z-index: 2; }
.modal .inner-wrapper form label {
@@ -1826,7 +1813,7 @@ header.app {
text-decoration: underline; }
.modal .inner-wrapper form .honor-code-summary {
margin-bottom: 20px;
padding: 0px 10px;
padding: 0px;
position: relative; }
.modal .inner-wrapper form .honor-code-summary p {
color: #a0a0a0;
@@ -1856,12 +1843,12 @@ header.app {
.modal .inner-wrapper form .honor-code-summary ul li:last-child {
margin-bottom: 0px; }
.modal .inner-wrapper form .submit {
padding-top: 18px; }
padding-top: 10px; }
.modal .inner-wrapper form .submit input[type="submit"] {
display: block;
height: 45px;
margin: 0 auto;
width: 70%; }
width: 100%; }
.modal .inner-wrapper .login-extra {
position: relative;
z-index: 2; }