Skip to content

Frontend restructure #319

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

Merged
hugosolar merged 26 commits into from
Mar 7, 2019
Merged

Frontend restructure #319

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
973559a
Frontend build with zurb foundation to reestructure CCGN styles
hugosolar Jan 15, 2019
a8ac782
Home Layout & style refactoring
hugosolar Jan 16, 2019
5fc6ca2
home refactoring
hugosolar Jan 16, 2019
24c2091
full-width, page-faqs refactoring && standard styles for post content
hugosolar Jan 17, 2019
382a652
hub-page styles & refactoring hub-page
hugosolar Jan 18, 2019
fcd85fd
Major layout refactoring and some templates were added
hugosolar Jan 22, 2019
55a0b1d
Website responsiveness
hugosolar Jan 22, 2019
33117ce
responsiveness style improve
hugosolar Jan 23, 2019
70fd2d2
faqs page mobile header fix
hugosolar Jan 23, 2019
f373477
responsive mobile fixes buddypress & 404
hugosolar Jan 24, 2019
31ed589
mobile Search improvement
hugosolar Jan 25, 2019
265df95
New Chapter section backend && queulat toolset mu-plugin
Feb 11, 2019
6c14881
Chapter section Frontend redesign && remove old styles (everything is…
hugosolar Feb 13, 2019
5676c7b
chapters redesign map interaction
hugosolar Feb 14, 2019
24ac5a2
chapters section datatable integration
hugosolar Feb 18, 2019
b5e98e7
add global settings screen in WP backend & style fixes
hugosolar Feb 20, 2019
4ca1cb0
adding files that were missed
hugosolar Feb 20, 2019
c390bb2
Fix position of container over the map
hugosolar Feb 21, 2019
2ac9371
delete global stats transients when chapter metabox is saved
hugosolar Feb 21, 2019
5ca68ee
fix responsiveness in chapter section
hugosolar Feb 21, 2019
a655f23
responsive style fix on user profiles
hugosolar Mar 6, 2019
774e5b7
fix search mobile menu z-index
hugosolar Mar 6, 2019
2a3010c
remove composer.lock from repository
hugosolar Mar 6, 2019
3f2f715
fix chapter section style && permissions to sub admin role
hugosolar Mar 7, 2019
0903b6f
merge with master
hugosolar Mar 7, 2019
8fe26cd
fix search mobile container
hugosolar Mar 7, 2019
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
Prev Previous commit
Next Next commit
responsive mobile fixes buddypress & 404
  • Loading branch information
@hugosolar
hugosolar committed Jan 24, 2019
commit f3734775078ba4cf313ad72f7b9e8ec648828885
88 changes: 88 additions & 0 deletions frontend-build/scss/responsive.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,6 +89,7 @@
}
}
}
//GRAVITY FORMS
.gform_wrapper {
.gform_body {
.gfield {
Expand Down Expand Up @@ -127,4 +128,91 @@
}
}
}
//404 PAGE
.error404 {
.main-content {
.entry-title {
font-size: 3rem;
strong: 5rem;
}
.std-text {
.subtitle {
font-size: 1.5rem;
}
}
.search-form {
.header-search {
width: 90%;
}
}
}
}
.members-meta {
width: 100%;
text-align: center;
}
//BUDDYPRESS
#buddypress {
.pagination {
.pag-count {
width: 100%;
text-align: center;
}
.pagination-links {
width: 100%;
padding: 1rem 0;
text-align: center;
font-size: 1.2rem;
}
}
.item-list {
li {
.item {
.item-meta {
text-align: center;
}
}
}
}
}
.xprofile {
#buddypress {
#item-header {
margin-bottom: 1rem;
}
.item-list-tabs {
a {
color: $secondary-color;
}
}
.profile-fields {
tr {
display: flex;
flex-direction: column;
border-bottom: 1px solid lighten($primary-color,4);
.label {
width: 100%;
text-align: center;
border-right: 0;
color: $black !important;
}
.data {
text-align: center;
}
&.alt {
td {
background: transparent;
}
}
}
}
.wp-profile-fields {
tr {
.label {
width: 95%;
}
}
}
}
}
}
41 changes: 27 additions & 14 deletions frontend-build/scss/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,24 +71,37 @@
}
.main-content {
.search-form {

position: relative;
width: 60%;
margin: 2rem auto;
.search-field {
padding: .5rem;
border: 0;
border-bottom: 1px solid #C0C0C0;
font-size: 1.2rem;
@include placeholder {
color: #BABABA;
font-style: italic;
.header-search {
display: flex;
width: 60%;
margin: auto;
.search-field {
padding: .5rem;
height: 4rem;
border: 0;
border-bottom: 1px solid #C0C0C0;
font-size: 1.2rem;
box-shadow: none;
@include placeholder {
color: #BABABA;
font-style: italic;
}
}
.fa-search {
font-size: 2rem;
@include flex-align-self(center);
}
.search-submit {
position: absolute;
right: 2rem;
top: .3rem;
font-size: 3rem;
background-color: transparent;
}
}
.search-submit {
position: absolute;
right: 2rem;
top: .3rem;
background-color: transparent;
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion themes/cc-commoners/404.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<?php get_header(); ?>
<section class="main-content top-space">
<section class="main-content space-top">
<div class="grid-content">
<div class="grid-x grid-padding-x">
<div class="cell large-12 text-center">
Expand Down
1 change: 1 addition & 0 deletions themes/cc-commoners/assets/css/extra.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,6 +139,7 @@
/*///////////////////////////////////////
GENERAL PAGES
////////////////////////////////////////*/

.page-body .gform_wrapper .gform_body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
padding: 5px 4px !important;
/*width: auto !important;*/
Expand Down
110 changes: 84 additions & 26 deletions themes/cc-commoners/assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3885,31 +3885,45 @@ a.thumbnail {
position: relative;
width: 60%;
margin: 2rem auto; }
.page-body .main-content .search-form .search-field {
padding: .5rem;
border: 0;
border-bottom: 1px solid #C0C0C0;
font-size: 1.2rem; }
.page-body .main-content .search-form .search-field.placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .search-field:-moz-placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .search-field::-moz-placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .search-field:-ms-input-placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .search-field::-webkit-input-placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .search-submit {
position: absolute;
right: 2rem;
top: .3rem;
background-color: transparent; }
.page-body .main-content .search-form .header-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 60%;
margin: auto; }
.page-body .main-content .search-form .header-search .search-field {
padding: .5rem;
height: 4rem;
border: 0;
border-bottom: 1px solid #C0C0C0;
font-size: 1.2rem;
-webkit-box-shadow: none;
box-shadow: none; }
.page-body .main-content .search-form .header-search .search-field.placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .header-search .search-field:-moz-placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .header-search .search-field::-moz-placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .header-search .search-field:-ms-input-placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .header-search .search-field::-webkit-input-placeholder {
color: #BABABA;
font-style: italic; }
.page-body .main-content .search-form .header-search .fa-search {
font-size: 2rem;
-ms-flex-item-align: center;
align-self: center; }
.page-body .main-content .search-form .header-search .search-submit {
position: absolute;
right: 2rem;
top: .3rem;
font-size: 3rem;
background-color: transparent; }

.page-template-default .page-body .signup-form-body {
margin-top: 0; }
Expand Down Expand Up @@ -4581,4 +4595,48 @@ table.ccgn-profile {
.gform_wrapper .gform_body .gfield.gfield_html h2 {
font-size: 1.3rem; }
.gform_wrapper .gform_body .gfield.gfield_html ul li {
text-align: left; } }
text-align: left; }
.error404 .main-content .entry-title {
font-size: 3rem;
strong: 5rem; }
.error404 .main-content .std-text .subtitle {
font-size: 1.5rem; }
.error404 .main-content .search-form .header-search {
width: 90%; }
.members-meta {
width: 100%;
text-align: center; }
#buddypress .pagination .pag-count {
width: 100%;
text-align: center; }
#buddypress .pagination .pagination-links {
width: 100%;
padding: 1rem 0;
text-align: center;
font-size: 1.2rem; }
#buddypress .item-list li .item .item-meta {
text-align: center; }
.xprofile #buddypress #item-header {
margin-bottom: 1rem; }
.xprofile #buddypress .item-list-tabs a {
color: #35bbd8; }
.xprofile #buddypress .profile-fields tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #fecb06; }
.xprofile #buddypress .profile-fields tr .label {
width: 100%;
text-align: center;
border-right: 0;
color: #0a0a0a !important; }
.xprofile #buddypress .profile-fields tr .data {
text-align: center; }
.xprofile #buddypress .profile-fields tr.alt td {
background: transparent; }
.xprofile #buddypress .wp-profile-fields tr .label {
width: 95%; } }
2 changes: 1 addition & 1 deletion themes/cc-commoners/searchform.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div class="search-form">
<form method="post" action="/" class="header-search">
<input type="text" name="s" placeholder="Search">
<input type="text" name="s" class="search-field" placeholder="Search">
<i class="fa fa-search" aria-hidden="true"></i>
</form>
</div>