Skip to content

Commit 834457a

Browse files
dovydovy
committed
Responsive fixes for spacing and dimensions fields.
1 parent c8369ff commit 834457a

File tree

8 files changed

+90
-30
lines changed

8 files changed

+90
-30
lines changed

‎README.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,9 @@ Send me an email at [email protected] so I can add you to our user sp
7474

7575
### Master ###
7676

77+
= 3.2.2.17 =
78+
* Fixed: Responsive issues with spacing and dimension fields.
79+
7780
= 3.2.2.16 =
7881
* Fixed: Style conflicts with WP 3.9. Added register filter to fields via id.
7982

‎ReduxCore/assets/css/redux.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎ReduxCore/framework.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ class ReduxFramework {
6060
// ATTENTION DEVS
6161
// Please update the build number with each push, no matter how small.
6262
// This will make for easier support when we ask users what version they are using.
63-
public static $_version = '3.2.2.16';
63+
public static $_version = '3.2.2.17';
6464
public static $_dir;
6565
public static $_url;
6666
public static $wp_content_url;

‎ReduxCore/inc/fields/dimensions/field_dimensions.css

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,23 @@
1+
.redux-dimensions-container select,
12
.redux-dimensions-container .select_wrapper {
2-
float: left;
3-
width: inherit;
4-
}
5-
.redux-dimensions-container .select_wrapper select {
6-
width: 80px;
3+
width: 80px !important;
74
float: left;
85
}
96
.redux-dimensions-container .field-dimensions-input {
107
margin-right: 10px;
118
margin-bottom: 7px;
129
}
10+
@media screen and (max-width: 782px) {
11+
.redux-dimensions-container .field-dimensions-input input {
12+
display: inline-block !important;
13+
width: 100px !important;
14+
}
15+
.redux-dimensions-container .field-dimensions-input .add-on {
16+
padding: 7px 4px;
17+
font-size: 16px;
18+
line-height: 1.5;
19+
}
20+
.redux-dimensions-container .select_wrapper {
21+
margin-top: 6px;
22+
}
23+
}

‎ReduxCore/inc/fields/dimensions/field_dimensions.less

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,30 @@
11
.redux-dimensions-container {
2-
.select_wrapper {
2+
select, .select_wrapper {
3+
width: 80px !important;
34
float: left;
4-
select {
5-
width: 80px;
6-
float: left;
7-
}
8-
width: inherit;
95
}
106

117
.field-dimensions-input {
128
margin-right: 10px;
139
margin-bottom: 7px;
1410
}
11+
}
1512

13+
@media screen and (max-width: 782px) {
14+
.redux-dimensions-container {
15+
.field-dimensions-input {
16+
input {
17+
display: inline-block !important;
18+
width: 100px !important;
19+
}
20+
.add-on {
21+
padding: 7px 4px;
22+
font-size: 16px;
23+
line-height: 1.5;
24+
}
25+
}
26+
.select_wrapper {
27+
margin-top: 6px;
28+
}
29+
}
1630
}

‎ReduxCore/inc/fields/dimensions/field_dimensions.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ function render() {
138138
}
139139
echo '<div class="field-dimensions-input input-prepend">';
140140
echo '<span class="add-on"><i class="el-icon-resize-vertical icon-large"></i></span>';
141-
echo '<input type="text" class="redux-dimensions-input redux-dimensions-height mini' . $this->field['class'] . '" placeholder="' . __('height', 'redux-framework') . '" rel="' . $this->field['id'] . '-height" value="' . filter_var($this->value['height'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) . '">';
141+
echo '<input type="text" class="redux-dimensions-input redux-dimensions-height mini' . $this->field['class'] . '" placeholder="' . __('Height', 'redux-framework') . '" rel="' . $this->field['id'] . '-height" value="' . filter_var($this->value['height'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) . '">';
142142
echo '<input data-id="' . $this->field['id'] . '" type="hidden" id="' . $this->field['id'] . '-height" name="' . $this->field['name'] . '[height]' . $this->field['name_suffix'] . '" value="' . $this->value['height'] . '"></div>';
143143
endif;
144144

‎ReduxCore/inc/fields/spacing/field_spacing.css

Lines changed: 18 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,26 @@
1-
.redux-main .redux-container-spacing select,
2-
.redux-main .redux-container-spacing .select_wrapper {
1+
.redux-container-spacing select,
2+
.redux-container-spacing .select_wrapper {
33
width: 80px !important;
44
float: left;
55
}
6-
.redux-main .redux-container-spacing .field-spacing-input {
6+
.redux-container-spacing .field-spacing-input {
77
margin-right: 10px;
88
margin-bottom: 7px;
99
}
10-
.redux-main .redux-container-spacing .dovy {
10+
.redux-container-spacing .dovy {
1111
margin: 10px;
1212
}
13+
@media screen and (max-width: 782px) {
14+
.redux-container-spacing .field-spacing-input input {
15+
display: inline-block !important;
16+
width: 70px !important;
17+
}
18+
.redux-container-spacing .field-spacing-input .add-on {
19+
padding: 7px 4px;
20+
font-size: 16px;
21+
line-height: 1.5;
22+
}
23+
.redux-container-spacing .select_wrapper {
24+
margin-top: 6px;
25+
}
26+
}

‎ReduxCore/inc/fields/spacing/field_spacing.less

Lines changed: 30 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,35 @@
1-
.redux-main {
2-
.redux-container-spacing {
1+
.redux-container-spacing {
32

4-
select, .select_wrapper {
5-
width: 80px !important;
6-
float: left;
7-
}
3+
select, .select_wrapper {
4+
width: 80px !important;
5+
float: left;
6+
}
7+
.field-spacing-input {
8+
margin-right: 10px;
9+
margin-bottom: 7px;
10+
}
11+
12+
.dovy {
13+
margin: 10px;
14+
}
15+
}
16+
17+
18+
@media screen and (max-width: 782px) {
19+
.redux-container-spacing {
820
.field-spacing-input {
9-
margin-right: 10px;
10-
margin-bottom: 7px;
21+
input {
22+
display: inline-block !important;
23+
width: 70px !important;
24+
}
25+
.add-on {
26+
padding: 7px 4px;
27+
font-size: 16px;
28+
line-height: 1.5;
29+
}
1130
}
12-
13-
.dovy {
14-
margin: 10px;
31+
.select_wrapper {
32+
margin-top: 6px;
1533
}
1634
}
17-
}
35+
}

0 commit comments

Comments
 (0)