Skip to content

Commit fcd85fd

Browse files
hugosolarhugosolar
committed
Major layout refactoring and some templates were added
1 parent 382a652 commit fcd85fd

File tree

13 files changed

+511
-194
lines changed

13 files changed

+511
-194
lines changed

‎frontend-build/scss/_settings.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -772,7 +772,7 @@ $switch-paddle-transition: all 0.25s ease-out;
772772
// 50. Table
773773
// ---------
774774

775-
$table-background: $white;
775+
$table-background: transparent;
776776
$table-color-scale: 5%;
777777
$table-border: 1px solid smart-scale($table-background, $table-color-scale);
778778
$table-padding: rem-calc(8 10 10);

‎frontend-build/scss/app.scss

+2
Original file line numberDiff line numberDiff line change
@@ -67,5 +67,7 @@
6767
@import 'common';
6868
@import 'header';
6969
@import 'style';
70+
@import 'buddypress';
71+
@import 'gforms';
7072
@import 'footer';
7173
@import 'modules';

‎frontend-build/scss/buddypress.scss

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
#buddypress {
2+
#members-dir-search {
3+
#members_search_submit {
4+
height: 2.45rem;
5+
}
6+
}
7+
}

‎frontend-build/scss/footer.scss

+8
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
.home {
2+
.main-footer {
3+
margin-top: 0 !important;
4+
}
5+
}
16
.main-footer {
27
margin-top: 2rem;
38
padding: 1.2rem 0;
@@ -51,6 +56,9 @@
5156
font-weight: bold;
5257
padding: 0 5px;
5358
border-left: 1px solid #000;
59+
&:hover {
60+
text-decoration: underline;
61+
}
5462
}
5563
&:first-child {
5664
a {

‎frontend-build/scss/gforms.scss

+120
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
.gform_wrapper {
2+
.gform_body {
3+
.gfield {
4+
a {
5+
color: $alert-color;
6+
font-weight: bold;
7+
&:hover {
8+
text-decoration: underline;
9+
}
10+
}
11+
input {
12+
width: 100% !important;
13+
}
14+
&.gfield_html {
15+
blockquote {
16+
padding-bottom: .5rem;
17+
color: darken($dark-gray,15);
18+
border-left: 1px solid $dark-gray;
19+
font-style: italic;
20+
p {
21+
line-height: 1.8rem;
22+
}
23+
}
24+
}
25+
}
26+
.ginput_container {
27+
.chosen-single {
28+
display: flex;
29+
height: 40px;
30+
align-items: center;
31+
span {
32+
color: $black;
33+
}
34+
div {
35+
b {
36+
position: relative;
37+
top: .4rem;
38+
}
39+
}
40+
.chosen-search {
41+
.chosen-search-input {
42+
width: 100% !important;
43+
}
44+
}
45+
}
46+
.gfield_radio {
47+
li {
48+
display: flex;
49+
align-items: flex-start;
50+
label {
51+
width: 100%;
52+
max-width: 100%;
53+
}
54+
input[type=radio] {
55+
position: relative;
56+
width: 23px !important;
57+
height: 23px;
58+
margin-bottom: 0;
59+
margin-right: 1rem;
60+
border-radius: 50%;
61+
background: $white;
62+
border: 1px solid $medium-gray;
63+
-webkit-appearance: none;
64+
-moz-appearance: none;
65+
cursor: pointer;
66+
&:checked {
67+
&:after {
68+
content: "\f159";
69+
position: absolute;
70+
top: 0;
71+
left: .05rem;
72+
font-family: 'Dashicons';
73+
font-size: 1.2rem;
74+
color: $primary-color;
75+
}
76+
}
77+
}
78+
}
79+
}
80+
.gfield_checkbox {
81+
li {
82+
display: flex;
83+
align-items: center;
84+
input[type=checkbox] {
85+
position: relative;
86+
width: 23px !important;
87+
height: 23px;
88+
margin-bottom: 0;
89+
margin-right: 1rem;
90+
background: $white;
91+
border: 1px solid $medium-gray;
92+
-webkit-appearance: none;
93+
-moz-appearance: none;
94+
cursor: pointer;
95+
&:checked {
96+
&:after {
97+
content: "\f147";
98+
position: absolute;
99+
top: 0;
100+
left: 0;
101+
font-family: 'Dashicons';
102+
font-size: 1.2rem;
103+
color: $primary-color;
104+
}
105+
}
106+
}
107+
}
108+
}
109+
.gfield_select {
110+
padding-right: 1.5rem;
111+
}
112+
}
113+
}
114+
.gform_footer {
115+
text-align: center;
116+
.gform_button {
117+
@include button(false,$success-color,lighten($success-color,5),$white, solid);
118+
}
119+
}
120+
}

‎frontend-build/scss/modules.scss

+84-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,13 @@
1+
.signup-bg {
2+
position: relative;
3+
z-index: 0;
4+
width: 100%;
5+
overflow: hidden;
6+
img {
7+
width: 100%;
8+
height: auto;
9+
}
10+
}
111
.main-slideshow {
212
.swiper-slide {
313
img {
@@ -72,6 +82,9 @@
7282
color: $black;
7383
font-size: 0.8rem;
7484
background-color: $primary-color;
85+
&:hover {
86+
background-color: lighten($primary-color,5);
87+
}
7588
}
7689
&:first-child {
7790
background-color: $alert-color;
@@ -198,4 +211,74 @@
198211
font-style: italic;
199212
}
200213
}
201-
}
214+
}
215+
216+
.signup-form-body {
217+
position: relative;
218+
padding: 2rem;
219+
margin: -37vh auto 100px auto;
220+
font-size: 1rem;
221+
line-height: 1.6em;
222+
background-color: $primary-color;
223+
h2, h1, .gform_wrapper h1 {
224+
margin-bottom: 20px;
225+
font-size: 2.2rem;
226+
text-transform: uppercase;
227+
font-family: 'Roboto Condensed', sans-serif;
228+
font-weight: bold !important;
229+
}
230+
h3 {
231+
margin-bottom: 19px;
232+
}
233+
h4 {
234+
margin-bottom: 18px;
235+
}
236+
h5 {
237+
font-size: 1rem;
238+
}
239+
p {
240+
margin-bottom: 15px;
241+
}
242+
hr {
243+
color: #222 !important;
244+
border: none;
245+
}
246+
.form-confirm-step {
247+
width: 100%;
248+
text-align: center;
249+
p {
250+
margin-bottom: 0;
251+
a {
252+
color: $alert-color;
253+
}
254+
}
255+
.confirm-step-btn {
256+
@include button(false,$success-color,lighten($success-color,5),$white, solid);
257+
}
258+
}
259+
}
260+
.cc-btn {
261+
@include button(false,$success-color,lighten($success-color,5),$white, solid);
262+
}
263+
264+
.display-details {
265+
text-decoration: none;
266+
display: flex;
267+
padding: .5rem;
268+
align-items: center;
269+
background-color: #cea500;
270+
color: #FFF;
271+
transition: all .5s ease;
272+
&.opened {
273+
color: $white;
274+
.dashicons {
275+
transform: rotate(-180deg);
276+
}
277+
}
278+
.dashicons {
279+
transition: all .5s ease;
280+
}
281+
&:hover {
282+
background-color: #e6b800;
283+
}
284+
}

‎plugins/cc-global-network/public/vouching-form-shortcode.php

+4-1
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,10 @@ function ccgn_vouching_requests_render ( $voucher_id ) {
5757
$requests = ccgn_vouching_requests_for_me ( $voucher_id );
5858
if ( $requests !== [] ) {
5959
echo _( "<h2>Current Vouching Requests</h2>" );
60+
echo '<ul class="vouch-list">';
61+
6062
foreach ( $requests as $request ) {
63+
$request_html = '';
6164
$applicant_id = $request[ 'created_by' ];
6265
// Make sure the user has been Spam Checked, otherwise people
6366
// cannot vouch for them despite them being requested to do so.
@@ -66,7 +69,7 @@ function ccgn_vouching_requests_render ( $voucher_id ) {
6669
}
6770
$icon = (ccgn_user_is_individual_applicant($applicant_id)) ? '<span class="dashicons dashicons-admin-users">' : '<span class="dashicons dashicons-building"></span>';
6871
$applicant = get_user_by( 'ID', $applicant_id );
69-
$request_html = '<ul class="vouch-list">';
72+
7073
$request_html .= '<li class="vouch-item"> <a href="'
7174
. get_site_url()
7275
. '/vouch/?applicant_id='

‎themes/cc-commoners/assets/css/extra.css

+3-19
Original file line numberDiff line numberDiff line change
@@ -233,24 +233,8 @@ table.ccgn-profile tr td.title {
233233
text-transform: uppercase;
234234
text-align: right;
235235
}
236-
.display-details {
237-
text-decoration: none;
238-
display: flex;
239-
padding: .5rem;
240-
align-items: center;
241-
background-color: #cea500;
242-
color: #FFF;
243-
transition: all .5s ease;
244-
}
245-
.display-details:hover {
246-
background-color: #e6b800;
247-
}
248-
.display-details .dashicons {
249-
transition: all .5s ease;
250-
}
251-
.display-details.opened .dashicons {
252-
transform: rotate(-180deg);
253-
}
236+
237+
254238
.preview-details td {
255239
padding: .5rem;
256240
width: 50%;
@@ -364,7 +348,7 @@ table.ccgn-profile tr td.title {
364348

365349
.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"]) {
366350
padding: 5px 4px !important;
367-
width: auto !important;
351+
/*width: auto !important;*/
368352
font-size: 1rem !important;
369353
border: 1px solid lightgray;
370354
}

0 commit comments

Comments
 (0)