Skip to content

Commit 5174876

Browse files
committed
added group and repeater fields nested support
1 parent f06ac40 commit 5174876

File tree

9 files changed

+859
-344
lines changed

9 files changed

+859
-344
lines changed

assets/css/csf.css

Lines changed: 62 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,6 @@
1010
*/
1111
.csf {
1212
position: relative;
13-
margin-top: 20px;
14-
margin-right: 20px;
1513
}
1614
.csf label {
1715
padding: 0;
@@ -27,6 +25,11 @@
2725
margin-top: 40px;
2826
}
2927

28+
.csf-options {
29+
margin-top: 20px;
30+
margin-right: 20px;
31+
}
32+
3033
.csf-header {
3134
position: relative;
3235
}
@@ -1296,11 +1299,11 @@ This file is generated by `grunt build`, do not edit it by hand.
12961299
.csf-field-background .csf--select .csf-field {
12971300
width: 100%;
12981301
}
1299-
.csf-field-background .csf--image {
1302+
.csf-field-background .csf--media {
13001303
width: 100%;
13011304
padding-right: 10px;
13021305
}
1303-
.csf-field-background .csf--image .csf-field {
1306+
.csf-field-background .csf--media .csf-field {
13041307
width: 100%;
13051308
}
13061309

@@ -1474,6 +1477,19 @@ This file is generated by `grunt build`, do not edit it by hand.
14741477
padding: 20px;
14751478
}
14761479

1480+
.csf-field-date .csf--to {
1481+
margin-left: 7px;
1482+
}
1483+
1484+
.csf-datepicker-wrapper {
1485+
margin-top: 5px;
1486+
width: auto;
1487+
background-color: #fff;
1488+
z-index: 9999999 !important;
1489+
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1490+
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1491+
box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1492+
}
14771493
.csf-datepicker-wrapper * {
14781494
float: none;
14791495
margin: 0;
@@ -1491,15 +1507,6 @@ This file is generated by `grunt build`, do not edit it by hand.
14911507
-webkit-border-radius: none;
14921508
border-radius: none;
14931509
}
1494-
.csf-datepicker-wrapper .ui-datepicker {
1495-
margin-top: 5px;
1496-
width: auto;
1497-
background-color: #fff;
1498-
z-index: 9999999 !important;
1499-
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1500-
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1501-
box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1502-
}
15031510
.csf-datepicker-wrapper .ui-widget-header,
15041511
.csf-datepicker-wrapper .ui-datepicker-header {
15051512
color: #fff;
@@ -1645,6 +1652,9 @@ This file is generated by `grunt build`, do not edit it by hand.
16451652
.csf-field-group .csf-field {
16461653
padding: 20px;
16471654
}
1655+
.csf-field-group .csf-cloneable-hidden {
1656+
display: none !important;
1657+
}
16481658
.csf-field-group .csf-cloneable-wrapper {
16491659
position: relative;
16501660
}
@@ -1673,6 +1683,8 @@ This file is generated by `grunt build`, do not edit it by hand.
16731683
font-size: 100%;
16741684
border: 1px solid #e5e5e5;
16751685
background: #fafafa;
1686+
-webkit-user-select: none;
1687+
user-select: none;
16761688
-moz-transition: border-color 0.15s;
16771689
-o-transition: border-color 0.15s;
16781690
-webkit-transition: border-color 0.15s;
@@ -1704,6 +1716,10 @@ This file is generated by `grunt build`, do not edit it by hand.
17041716
padding: 0;
17051717
border-top: 0;
17061718
}
1719+
.csf-field-group .csf-cloneable-title-prefix,
1720+
.csf-field-group .csf-cloneable-title-number {
1721+
margin-right: 5px;
1722+
}
17071723
.csf-field-group .csf-cloneable-alert {
17081724
display: none;
17091725
margin-bottom: 5px;
@@ -1904,25 +1920,25 @@ This file is generated by `grunt build`, do not edit it by hand.
19041920
.csf-field-repeater .csf-field {
19051921
padding: 10px;
19061922
}
1907-
.csf-field-repeater .csf-cloneable-hidden {
1908-
display: none;
1923+
.csf-field-repeater .csf-repeater-hidden {
1924+
display: none !important;
19091925
}
1910-
.csf-field-repeater .csf-cloneable-wrapper .csf-cloneable-item {
1926+
.csf-field-repeater .csf-repeater-wrapper .csf-repeater-item {
19111927
display: table;
19121928
width: 100%;
19131929
margin-bottom: 5px;
19141930
border: 1px solid #eee;
19151931
}
1916-
.csf-field-repeater .csf-cloneable-wrapper .csf-cloneable-item h4 {
1932+
.csf-field-repeater .csf-repeater-wrapper .csf-repeater-item h4 {
19171933
font-size: 1em;
19181934
}
1919-
.csf-field-repeater .csf-cloneable-content {
1935+
.csf-field-repeater .csf-repeater-content {
19201936
width: 100%;
19211937
display: table-cell;
19221938
vertical-align: middle;
19231939
background-color: #fff;
19241940
}
1925-
.csf-field-repeater .csf-cloneable-helper {
1941+
.csf-field-repeater .csf-repeater-helper {
19261942
width: 100%;
19271943
display: table-cell;
19281944
vertical-align: middle;
@@ -1932,19 +1948,19 @@ This file is generated by `grunt build`, do not edit it by hand.
19321948
border-left: 1px solid #eee;
19331949
background-color: #f7f7f7;
19341950
}
1935-
.csf-field-repeater .csf-cloneable-helper i {
1951+
.csf-field-repeater .csf-repeater-helper i {
19361952
display: inline-block;
19371953
cursor: pointer;
19381954
color: #999;
19391955
padding: 5px;
19401956
}
1941-
.csf-field-repeater .csf-cloneable-helper i:hover {
1957+
.csf-field-repeater .csf-repeater-helper i:hover {
19421958
color: #555;
19431959
}
1944-
.csf-field-repeater .csf-cloneable-helper-inner {
1960+
.csf-field-repeater .csf-repeater-helper-inner {
19451961
width: 75px;
19461962
}
1947-
.csf-field-repeater .csf-cloneable-alert {
1963+
.csf-field-repeater .csf-repeater-alert {
19481964
display: none;
19491965
margin-bottom: 5px;
19501966
padding: 10px 20px;
@@ -1965,8 +1981,8 @@ This file is generated by `grunt build`, do not edit it by hand.
19651981
background-color: #eee !important;
19661982
opacity: 0.5;
19671983
}
1968-
.csf-field-repeater .ui-sortable-helper .csf-cloneable-helper,
1969-
.csf-field-repeater .ui-sortable-helper .csf-cloneable-content {
1984+
.csf-field-repeater .ui-sortable-helper .csf-repeater-helper,
1985+
.csf-field-repeater .ui-sortable-helper .csf-repeater-content {
19701986
display: none;
19711987
}
19721988

@@ -2432,6 +2448,12 @@ This file is generated by `grunt build`, do not edit it by hand.
24322448
.csf-field-wp_editor .mce-toolbar-grp {
24332449
border: none;
24342450
}
2451+
.csf-field-wp_editor .mce-btn.mce-active button,
2452+
.csf-field-wp_editor .mce-btn.mce-active:hover button,
2453+
.csf-field-wp_editor .mce-btn.mce-active i,
2454+
.csf-field-wp_editor .mce-btn.mce-active:hover i {
2455+
color: #23282d;
2456+
}
24352457
.csf-field-wp_editor .wp-media-buttons {
24362458
position: relative;
24372459
z-index: 2;
@@ -2748,32 +2770,38 @@ This file is generated by `grunt build`, do not edit it by hand.
27482770
background-color: #4fb845;
27492771
}
27502772

2751-
.widget-content .csf-field {
2773+
.csf-widgets > .csf-field {
27522774
position: relative;
27532775
top: -1px;
27542776
margin-right: -15px;
27552777
margin-left: -15px;
27562778
padding: 12px 15px;
27572779
}
2758-
.widget-content .csf-field .csf-field {
2780+
.csf-widgets > .csf-field .csf-field {
27592781
margin-left: 0;
27602782
margin-right: 0;
27612783
}
2762-
.widget-content .csf-field .csf-title {
2784+
.csf-widgets > .csf-field .csf-title {
27632785
float: none;
27642786
width: 100%;
27652787
margin-bottom: 5px;
27662788
}
2767-
.widget-content .csf-field .csf-fieldset {
2789+
.csf-widgets > .csf-field .csf-fieldset {
27682790
margin-left: 0;
27692791
}
2770-
.widget-content .csf-field-text input {
2792+
.csf-widgets .csf-field-text input {
27712793
width: 100%;
27722794
}
2773-
.widget-content .csf-field-notice .csf-notice {
2795+
.csf-widgets .csf-field-notice .csf-notice {
27742796
padding: 15px;
27752797
}
27762798

2799+
.control-section .csf-widgets > .csf-field {
2800+
margin-right: -10px;
2801+
margin-left: -10px;
2802+
padding: 10px 12px;
2803+
}
2804+
27772805
.control-section .csf-field {
27782806
padding: 0;
27792807
}
@@ -2824,6 +2852,9 @@ This file is generated by `grunt build`, do not edit it by hand.
28242852
margin-left: 0;
28252853
margin-right: 0;
28262854
}
2855+
.control-section .csf-field-date .csf--to {
2856+
margin-left: 0;
2857+
}
28272858
.control-section .csf-field-sorter ul li {
28282859
padding: 5px;
28292860
}
@@ -2886,9 +2917,6 @@ This file is generated by `grunt build`, do not edit it by hand.
28862917
display: none !important;
28872918
}
28882919

2889-
.csf-taxonomy {
2890-
margin: 0;
2891-
}
28922920
.csf-taxonomy > .csf-field {
28932921
border-top: none !important;
28942922
}

assets/css/csf.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)