Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

T473 Homepage & Misc Frontend Updates #516

Merged
merged 15 commits into from
Mar 7, 2024
Merged

T473 Homepage & Misc Frontend Updates #516

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
068a255
redone base button styles and homepage first block done
maxturer Feb 20, 2024
84c48d9
base collections block and login styles
maxturer Feb 27, 2024
457f9ca
homepage fully responsive, recent document templates fixed for usability
maxturer Mar 1, 2024
19209ea
collections results simplified temporarily and homepage JS incorporated
maxturer Mar 1, 2024
687b52a
missing bracket no longer missing
maxturer Mar 1, 2024
205b9cc
fixed search style syntax
maxturer Mar 4, 2024
97a794a
responsiveness update to about page header text
maxturer Mar 4, 2024
c090645
replaced overwritten homepage controller with decorator
maxturer Mar 4, 2024
440ca04
js loads on return to page
maxturer Mar 4, 2024
38673c7
spec content block HTML edit
maxturer Mar 4, 2024
78bf651
acronym replacement at Dan's sugestion
maxturer Mar 4, 2024
b110adb
acronym replacement at Dan's sugestion
maxturer Mar 4, 2024
1b4e8eb
typos and style edits
maxturer Mar 4, 2024
d67a7a2
text line limits and centering in recent documents
maxturer Mar 7, 2024
b78d5ca
slight padding and width edits to homepage blocks
maxturer Mar 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
108 changes: 81 additions & 27 deletions app/assets/stylesheets/scholarspace/base/_base.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,6 +67,19 @@ html {
}
}

div.section-gw-white,
div.section-gw-darkblue {
h2.h2-section-header {
font-size: 1.7em;

&:after {
content:' ';
display: block;
border: 2px solid $gw-buff;
}
}
}

div.section-gw-white {
min-height: auto;

Expand Down Expand Up @@ -107,53 +120,65 @@ html {
h2 {
color: $gw-white;
}

h2.h2-section-header {
font-size: 1.7em;

&:after {
content:' ';
display: block;
border: 2px solid $gw-buff;
}
}
}

textarea {
resize: none;
}

.gw-btn, .btn-primary {
.btn-base {
display: inline-block;
padding: 0.3rem 0.75rem;
margin: 0;
border-radius: 0.25rem;
border: 2px solid $gw-light-blue !important;
background-color: $gw-light-blue !important;
color: $gw-white;
font-size: 1em;
font-weight: 200;
line-height: 1.5;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: center;
&:focus {
color: $gw-white !important;
background-color: #005984 !important;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(3, 60, 90, 0.25);

&.gw-btn {
padding: 0.3rem 0.75rem;
border: 2px solid $gw-light-blue;
background-color: $gw-light-blue;
color: $gw-white;
}


&.gw-ghost-btn {
padding: 0.3rem 2rem;
border: 2px solid $gw-dark-blue;
background-color: $gw-white;
color: $gw-dark-blue;
}

&.btn-home {
width: 14rem;
}

&.btn-categories {
width: 100%;
margin: 0.2em 0;
padding: 0.3rem 1rem;
border: 2px solid $gw-white;
background-color: $gw-white;
color: $gw-dark-blue;
}

&:disabled {
opacity: 0.65;
}

&:hover {
&:hover,
&:focus {
text-decoration: none;
color: #212529 !important;
border-color: $gw-hover-buff !important;
background-color: $gw-hover-buff !important;
color: $gw-dark-blue !important;
border-color: $gw-hover-buff;
background-color: $gw-hover-buff;
}

&:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(3, 60, 90, 0.25);
}
}

Expand Down Expand Up @@ -231,4 +256,33 @@ html {
color: $gw-white;
}
}


//Log In or Sign Up
.login-container {
padding: 0 3em;

p {
margin: 0;
}

label {
margin-bottom: 0;
}

.field {
margin-bottom: 0.5em;
}

.actions input[type="submit"] {
@extend .btn-base;
@extend .gw-btn;
}

input[type="checkbox"] {
margin: 0 0.5em 0 0;
}

#remember-me {
display: flex;
}
}
7 changes: 3 additions & 4 deletions app/assets/stylesheets/scholarspace/base/_variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,11 @@ $gw-light-blue: #28659A;
$gw-buff: #AA9868;
$gw-hover-buff: #D9D0BB;
$gw-hover-orange: #A75523;
$mobile-breakpoint: 768px;
$mobile-breakpoint: 767px;
$mobile-max: 766px;
$gw-white: #fff;
$gw-dark-grey: #444;
$gw-light-grey: #eee;

$font-family-sans-serif-fallback: Helvetica, Arial, sans-serif;
$font-family-sans-serif: "Gibson VF", $font-family-sans-serif-fallback;

$mobile-breakpoint: 767px;
$font-family-sans-serif: "Gibson VF", $font-family-sans-serif-fallback;
2 changes: 1 addition & 1 deletion app/assets/stylesheets/scholarspace/components/_collection.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@
width: 100%;
border-radius: 0;
padding: 0.4rem;
margin-left: 0;
margin-left: 0.3rem;

.glyphicon-search::before {
font-size: 1rem;
Expand Down
2 changes: 1 addition & 1 deletion app/assets/stylesheets/scholarspace/components/_footer.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
footer, .footer {
position: absolute;
bottom: 0;
height: 17.1rem;
height: 18.9rem;
width: 100%;

.container {
Expand Down
4 changes: 2 additions & 2 deletions app/assets/stylesheets/scholarspace/components/_header.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,7 @@ header {
align-items: center;

#mobile-title {
font-size: 2.5em;
font-size: 2.1em;
font-weight: bold;
margin-left: 0.3rem;
color: $gw-white;
Expand Down Expand Up @@ -282,7 +282,7 @@ header {
width: 70%;
}

@media (min-width: 880px) {
@media (min-width: 895px) {
width: 100%;
}

Expand Down
Loading