mirror of
https://github.com/silverstripe/silverstripe-userforms.git
synced 2024-10-22 15:05:42 +00:00
NEW Remove class hidden-on-hover and update styles for userforms ss4
This commit is contained in:
Sacha Judd
parent
25fc98fda5
commit
bd955d7274
236
client/dist/js/userforms-cms.js
vendored
236
client/dist/js/userforms-cms.js
vendored
@ -1,235 +1 @@
|
|||||||
/******/ (function(modules) { // webpackBootstrap
|
!function(e){function i(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}var t={};i.m=e,i.c=t,i.i=function(e){return e},i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,i){return Object.prototype.hasOwnProperty.call(e,i)},i.p="",i(i.s=2)}([function(e,i){window.jQuery.entwine("ss",function(e){var i=null;e(".uf-field-editor .ss-gridfield-items").entwine({onmatch:function(){var t=0,n=0,o=e(".uf-field-editor .ss-gridfield-buttonrow").addClass("sticky-buttons"),r=e(".cms-content-header.north").first().height()+parseInt(e(".sticky-buttons").css("padding-top"),10),s=e(".uf-field-editor");this._super(),this.find(".ss-gridfield-item").each(function(i,o){switch(e(o).data("class")){case"SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep":return void(n=0);case"SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup":t=++n;break;case"SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd":t=n--;break;default:t=n}for(e(o).toggleClass("infieldgroup",t>0),i=1;i<=5;i++)e(o).toggleClass("infieldgroup-level-"+i,t>=i)}),i=setInterval(function(){var e=s.offset().top;o.width("100%"),e>r||0===e?o.removeClass("sticky-buttons"):o.addClass("sticky-buttons")},300)},onunmatch:function(){this._super(),clearInterval(i)}}),e(".uf-field-editor .ss-gridfield-buttonrow .action").entwine({onclick:function(e){this._super(e),this.trigger("addnewinline")}}),e(".uf-field-editor").entwine({onmatch:function(){var i=this;this._super(),this.on("addnewinline",function(){i.one("reload",function(){var t=i.find(".ss-gridfield-item").last(),n=null;"SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd"===t.attr("data-class")?(n=t,n.prev().find(".col-Title input").focus(),t=n.add(n.prev()),n.css("visibility","hidden")):t.find(".col-Title input").focus(),t.addClass("flashBackground"),e(".cms-content-fields").scrollTop(e(".cms-content-fields")[0].scrollHeight),n&&n.css("visibility","visible")})})},onummatch:function(){this._super()}})})},function(e,i,t){"use strict";var n=t(3),o=t.n(n),r=this;o.a.entwine("ss",function(){var e={updateFormatSpecificFields:function(){var e=o()('input[name="SendPlain"]').is(":checked");o()(".field.toggle-html-only")[e?"hide":"show"](),o()(".field.toggle-plain-only")[e?"show":"hide"]()}};o()("#Form_ItemEditForm .EmailRecipientForm").entwine({onmatch:function(){e.updateFormatSpecificFields()},onunmatch:function(){r._super()}}),o()('#Form_ItemEditForm .EmailRecipientForm input[name="SendPlain"]').entwine({onchange:function(){e.updateFormatSpecificFields()}})})},function(e,i,t){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=t(0);t.n(n),t(1)},function(e,i){e.exports=jQuery}]);
|
||||||
/******/ // The module cache
|
|
||||||
/******/ var installedModules = {};
|
|
||||||
/******/
|
|
||||||
/******/ // The require function
|
|
||||||
/******/ function __webpack_require__(moduleId) {
|
|
||||||
/******/
|
|
||||||
/******/ // Check if module is in cache
|
|
||||||
/******/ if(installedModules[moduleId]) {
|
|
||||||
/******/ return installedModules[moduleId].exports;
|
|
||||||
/******/ }
|
|
||||||
/******/ // Create a new module (and put it into the cache)
|
|
||||||
/******/ var module = installedModules[moduleId] = {
|
|
||||||
/******/ i: moduleId,
|
|
||||||
/******/ l: false,
|
|
||||||
/******/ exports: {}
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // Execute the module function
|
|
||||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
||||||
/******/
|
|
||||||
/******/ // Flag the module as loaded
|
|
||||||
/******/ module.l = true;
|
|
||||||
/******/
|
|
||||||
/******/ // Return the exports of the module
|
|
||||||
/******/ return module.exports;
|
|
||||||
/******/ }
|
|
||||||
/******/
|
|
||||||
/******/
|
|
||||||
/******/ // expose the modules object (__webpack_modules__)
|
|
||||||
/******/ __webpack_require__.m = modules;
|
|
||||||
/******/
|
|
||||||
/******/ // expose the module cache
|
|
||||||
/******/ __webpack_require__.c = installedModules;
|
|
||||||
/******/
|
|
||||||
/******/ // identity function for calling harmony imports with the correct context
|
|
||||||
/******/ __webpack_require__.i = function(value) { return value; };
|
|
||||||
/******/
|
|
||||||
/******/ // define getter function for harmony exports
|
|
||||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
||||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
||||||
/******/ Object.defineProperty(exports, name, {
|
|
||||||
/******/ configurable: false,
|
|
||||||
/******/ enumerable: true,
|
|
||||||
/******/ get: getter
|
|
||||||
/******/ });
|
|
||||||
/******/ }
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
||||||
/******/ __webpack_require__.n = function(module) {
|
|
||||||
/******/ var getter = module && module.__esModule ?
|
|
||||||
/******/ function getDefault() { return module['default']; } :
|
|
||||||
/******/ function getModuleExports() { return module; };
|
|
||||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
||||||
/******/ return getter;
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // Object.prototype.hasOwnProperty.call
|
|
||||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
||||||
/******/
|
|
||||||
/******/ // __webpack_public_path__
|
|
||||||
/******/ __webpack_require__.p = "";
|
|
||||||
/******/
|
|
||||||
/******/ // Load entry module and return exports
|
|
||||||
/******/ return __webpack_require__(__webpack_require__.s = 2);
|
|
||||||
/******/ })
|
|
||||||
/************************************************************************/
|
|
||||||
/******/ ([
|
|
||||||
/* 0 */
|
|
||||||
/***/ (function(module, exports) {
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
window.jQuery.entwine('ss', function ($) {
|
|
||||||
var stickyHeaderInterval = null;
|
|
||||||
|
|
||||||
$('.uf-field-editor .ss-gridfield-items').entwine({
|
|
||||||
onmatch: function onmatch() {
|
|
||||||
var i = 0;
|
|
||||||
var thisLevel = 0;
|
|
||||||
var depth = 0;
|
|
||||||
var $buttonrow = $('.uf-field-editor .ss-gridfield-buttonrow').addClass('sticky-buttons');
|
|
||||||
var navHeight = $('.cms-content-header.north').first().height() + parseInt($('.sticky-buttons').css('padding-top'), 10);
|
|
||||||
var fieldEditor = $('.uf-field-editor');
|
|
||||||
|
|
||||||
this._super();
|
|
||||||
|
|
||||||
this.find('.ss-gridfield-item').each(function (i, el) {
|
|
||||||
switch ($(el).data('class')) {
|
|
||||||
case 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep':
|
|
||||||
{
|
|
||||||
depth = 0;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
case 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup':
|
|
||||||
{
|
|
||||||
thisLevel = ++depth;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd':
|
|
||||||
{
|
|
||||||
thisLevel = depth--;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
default:
|
|
||||||
{
|
|
||||||
thisLevel = depth;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$(el).toggleClass('infieldgroup', thisLevel > 0);
|
|
||||||
for (i = 1; i <= 5; i++) {
|
|
||||||
$(el).toggleClass('infieldgroup-level-' + i, thisLevel >= i);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
stickyHeaderInterval = setInterval(function () {
|
|
||||||
var offsetTop = fieldEditor.offset().top;
|
|
||||||
$buttonrow.width('100%');
|
|
||||||
if (offsetTop > navHeight || offsetTop === 0) {
|
|
||||||
$buttonrow.removeClass('sticky-buttons');
|
|
||||||
} else {
|
|
||||||
$buttonrow.addClass('sticky-buttons');
|
|
||||||
}
|
|
||||||
}, 300);
|
|
||||||
},
|
|
||||||
onunmatch: function onunmatch() {
|
|
||||||
this._super();
|
|
||||||
|
|
||||||
clearInterval(stickyHeaderInterval);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.uf-field-editor .ss-gridfield-buttonrow .action').entwine({
|
|
||||||
onclick: function onclick(e) {
|
|
||||||
this._super(e);
|
|
||||||
|
|
||||||
this.trigger('addnewinline');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.uf-field-editor').entwine({
|
|
||||||
onmatch: function onmatch() {
|
|
||||||
var _this = this;
|
|
||||||
|
|
||||||
this._super();
|
|
||||||
|
|
||||||
this.on('addnewinline', function () {
|
|
||||||
_this.one('reload', function () {
|
|
||||||
var $newField = _this.find('.ss-gridfield-item').last();
|
|
||||||
var $groupEnd = null;
|
|
||||||
if ($newField.attr('data-class') === 'SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd') {
|
|
||||||
$groupEnd = $newField;
|
|
||||||
$groupEnd.prev().find('.col-Title input').focus();
|
|
||||||
$newField = $groupEnd.add($groupEnd.prev());
|
|
||||||
$groupEnd.css('visibility', 'hidden');
|
|
||||||
} else {
|
|
||||||
$newField.find('.col-Title input').focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
$newField.addClass('flashBackground');
|
|
||||||
$('.cms-content-fields').scrollTop($('.cms-content-fields')[0].scrollHeight);
|
|
||||||
if ($groupEnd) {
|
|
||||||
$groupEnd.css('visibility', 'visible');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onummatch: function onummatch() {
|
|
||||||
this._super();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
/***/ }),
|
|
||||||
/* 1 */
|
|
||||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
||||||
|
|
||||||
"use strict";
|
|
||||||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_jquery__ = __webpack_require__(3);
|
|
||||||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_jquery___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_jquery__);
|
|
||||||
var _this = this;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
__WEBPACK_IMPORTED_MODULE_0_jquery___default.a.entwine('ss', function () {
|
|
||||||
var recipient = {
|
|
||||||
updateFormatSpecificFields: function updateFormatSpecificFields() {
|
|
||||||
var sendPlainChecked = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('input[name="SendPlain"]').is(':checked');
|
|
||||||
|
|
||||||
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.field.toggle-html-only')[sendPlainChecked ? 'hide' : 'show']();
|
|
||||||
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.field.toggle-plain-only')[sendPlainChecked ? 'show' : 'hide']();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#Form_ItemEditForm .EmailRecipientForm').entwine({
|
|
||||||
onmatch: function onmatch() {
|
|
||||||
recipient.updateFormatSpecificFields();
|
|
||||||
},
|
|
||||||
|
|
||||||
onunmatch: function onunmatch() {
|
|
||||||
_this._super();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#Form_ItemEditForm .EmailRecipientForm input[name="SendPlain"]').entwine({
|
|
||||||
onchange: function onchange() {
|
|
||||||
recipient.updateFormatSpecificFields();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
/***/ }),
|
|
||||||
/* 2 */
|
|
||||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
||||||
|
|
||||||
"use strict";
|
|
||||||
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
||||||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_bundles_FieldEditor_js__ = __webpack_require__(0);
|
|
||||||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_bundles_FieldEditor_js___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_bundles_FieldEditor_js__);
|
|
||||||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_bundles_Recipient_js__ = __webpack_require__(1);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/***/ }),
|
|
||||||
/* 3 */
|
|
||||||
/***/ (function(module, exports) {
|
|
||||||
|
|
||||||
module.exports = jQuery;
|
|
||||||
|
|
||||||
/***/ })
|
|
||||||
/******/ ]);
|
|
||||||
//# sourceMappingURL=userforms-cms.js.map
|
|
||||||
10876
client/dist/js/userforms.js
vendored
10876
client/dist/js/userforms.js
vendored
File diff suppressed because one or more lines are too long
3
client/dist/styles/userforms-cms.css
vendored
3
client/dist/styles/userforms-cms.css
vendored
@ -1,2 +1 @@
|
|||||||
.uf-field-editor{padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item{height:46px}.uf-field-editor .grid-field__table .ss-gridfield-item,.uf-field-editor .grid-field__table .ss-gridfield-item:hover{background:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item td{border-right-width:0;border-top:1px solid #999}.uf-field-editor .grid-field__table .ss-gridfield-item td:last-child{border-right-width:1px}.uf-field-editor .grid-field__table .ss-gridfield-item .handle{min-height:46px}.uf-field-editor .grid-field__table .ss-gridfield-item.flash-background{-webkit-animation:flash-background 2s linear;-o-animation:flash-background 2s linear;animation:flash-background 2s linear}.uf-field-editor .grid-field__table .ss-gridfield-item.ui-sortable-placeholder{height:50px}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group{padding:0}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group:after{border-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group .form__field-label{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;max-width:100%}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup:hover{background:#f2f9fd}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup td{border-bottom:0;border-top:1px solid #999}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .col-reorder,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .handle{background:#bee0f8;border-top:0}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup.infieldgroup-level-2 .col-reorder,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup.infieldgroup-level-2 .handle{background:#99cef4;border-top:0}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup.infieldgroup-level-3 .col-reorder,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup.infieldgroup-level-3 .handle{background:#89bef4;border-top:0}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep],.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]:hover{background:#f6f7f8}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] label{font-weight:700;color:#000;font-size:1.1em}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] td{border-top:1px solid #a6b6c1}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]+.ss-gridfield-item td{border-top:1px solid #f6f7f8}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td,.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]+.ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td{border-top:1px solid #a8d7f5}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] .form__field-label{font-weight:700}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] td{border-bottom:1px solid #a8d7f5}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd]+.ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd]{border-top:0}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] .col-buttons .action{display:none}.uf-field-editor .sticky-buttons{position:fixed;top:73px;z-index:2;background:#f6f7f8;border-bottom:1px solid #e5e8eb;padding:12px;margin-left:-12px}.uf-field-editor .sticky-buttons button.action{margin-bottom:0}.uf-field-editor .sticky-buttons~.ss-gridfield-table{margin-top:73px}
|
.uf-field-editor{padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item{height:46px}.uf-field-editor .grid-field__table .ss-gridfield-item,.uf-field-editor .grid-field__table .ss-gridfield-item:hover{background:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item td{border-right-width:0;vertical-align:middle;padding-top:6px;padding-bottom:6px}.uf-field-editor .grid-field__table .ss-gridfield-item td:last-child{border-right-width:1px}.uf-field-editor .grid-field__table .ss-gridfield-item .handle{min-height:46px}.uf-field-editor .grid-field__table .ss-gridfield-item.flash-background{-webkit-animation:flash-background 2s linear;-o-animation:flash-background 2s linear;animation:flash-background 2s linear}.uf-field-editor .grid-field__table .ss-gridfield-item.ui-sortable-placeholder{height:50px}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group{padding:0;margin-bottom:2px;color:#4f5861}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group:after{border-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item .form-group .form__field-label{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;max-width:100%;padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup:hover{background:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .col-reorder,.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .handle{background:#e7e9ec}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep],.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]:hover{background:#66727d;color:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] label{font-weight:700;color:#fff;font-size:15px;padding-bottom:0}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]+.ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td{border-top:3px solid #e7e9ec}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] .grid-field__icon-action:before{color:#fff}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] .grid-field__icon-action:hover:before{color:#66727d}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td{border-top:3px solid #e7e9ec}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] .form__field-label{font-weight:700;padding-bottom:0;color:#4f5861}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] td{border-bottom:3px solid #e7e9ec}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd]+.ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd]{border-top:0}.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] .col-buttons .action{display:none}.uf-field-editor .sticky-buttons{position:fixed;top:73px;z-index:2;background:#f6f7f8;border-bottom:1px solid #e5e8eb;padding:12px;margin-left:-12px}.uf-field-editor .sticky-buttons button.action{margin-bottom:0}.uf-field-editor .sticky-buttons~.ss-gridfield-table{margin-top:73px}
|
||||||
/*# sourceMappingURL=userforms-cms.css.map*/
|
|
||||||
2
client/dist/styles/userforms-cms.css.map
vendored
2
client/dist/styles/userforms-cms.css.map
vendored
@ -1 +1 @@
|
|||||||
{"version":3,"sources":["webpack:///./client/src/styles/userforms-cms.scss?61a4","webpack:///./bundle-cms.scss?b4af"],"names":[],"mappings":"AAAA,iBACE,iBCCD,uDDKK,YCDL,oHDKO,gBCAP,0DDIO,qBACA,0BCAP,qEDGS,uBCCT,+DDIO,gBCAP,wEDIO,0HCAP,+EDIO,YCAP,mEDIO,UCAP,yEDGS,gBCCT,sFDGS,+CACA,eCCT,8IDOO,mBCFP,uEDMO,gBACA,0BCFP,6JDOO,mBACA,aCFP,uMDQS,mBACA,aCHT,uMDUS,mBACA,aCLT,oRDaO,mBCRP,6IDYO,gBACA,WACA,gBCRP,0IDYO,6BCRP,6JDYO,6BCRP,2XDkBO,6BCVP,4JDcO,gBCVP,+IDgBO,gCCZP,oPDgBO,aCZP,iKDgBO,aCZP,iCDkBG,eACA,SACA,UACA,mBACA,gCAEA,aACA,kBCfH,+CDkBK,gBCdL,qDDkBK","file":"styles/userforms-cms.css","sourcesContent":[".uf-field-editor {\n padding-bottom: 0;\n\n // Row styles\n .grid-field__table {\n // Standard rows\n .ss-gridfield-item {\n height: $height-base;\n\n &,\n &:hover {\n background: $body-bg;\n }\n\n td {\n border-right-width: 0;\n border-top: 1px solid $gray-light;\n\n &:last-child {\n border-right-width: 1px;\n }\n }\n\n .handle {\n min-height: $height-base;\n }\n\n &.flash-background {\n animation: flash-background 2s linear;\n }\n\n &.ui-sortable-placeholder {\n height: $placeholder-height;\n }\n\n .form-group {\n padding: 0;\n\n &:after {\n border-bottom: 0;\n }\n\n .form__field-label {\n flex: auto;\n max-width: 100%;\n }\n }\n }\n\n .ss-gridfield-item.infieldgroup {\n &,\n &:hover {\n background: $blue-light;\n }\n\n td {\n border-bottom: 0;\n border-top: 1px solid $gray-light;\n }\n\n .col-reorder,\n .handle {\n background: $blue;\n border-top: 0;\n }\n\n &.infieldgroup-level-2 {\n .col-reorder,\n .handle {\n background: $blue-dark;\n border-top: 0;\n }\n }\n\n &.infieldgroup-level-3 {\n .col-reorder,\n .handle {\n background: $blue-darker;\n border-top: 0;\n }\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] {\n &,\n &:hover {\n background: $background-main;\n }\n\n label {\n font-weight: bold;\n color: $gray-base;\n font-size: 1.1em;\n }\n\n td {\n border-top: 1px solid $gray;\n }\n\n + .ss-gridfield-item td {\n border-top: 1px solid $background-main;\n }\n\n + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 1px solid $blue-base;\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] {\n td {\n border-top: 1px solid $blue-base;\n }\n\n .form__field-label {\n font-weight: bold;\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n td {\n border-bottom: 1px solid $blue-base;\n }\n\n + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n border-top: 0;\n }\n\n .col-buttons .action {\n display: none;\n }\n }\n }\n\n .sticky-buttons {\n position: fixed;\n top: $height-top;\n z-index: 2;\n background: $background-main;\n border-bottom: 1px solid $border-color-light;\n // box-shadow: 0 $padding-base $padding-xs -$padding-base-horizontal $gray-light;\n padding: $padding-base;\n margin-left: -$padding-base;\n\n & button.action {\n margin-bottom: 0;\n }\n\n ~ .ss-gridfield-table {\n margin-top: $height-top;\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./client/src/styles/userforms-cms.scss",".uf-field-editor {\n padding-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item {\n height: 46px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item,\n.uf-field-editor .grid-field__table .ss-gridfield-item:hover {\n background: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item td {\n border-right-width: 0;\n border-top: 1px solid #999;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item td:last-child {\n border-right-width: 1px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .handle {\n min-height: 46px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.flash-background {\n animation: flash-background 2s linear;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.ui-sortable-placeholder {\n height: 50px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group {\n padding: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group:after {\n border-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group .form__field-label {\n flex: auto;\n max-width: 100%;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup,\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup:hover {\n background: #f2f9fd;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup td {\n border-bottom: 0;\n border-top: 1px solid #999;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .col-reorder,\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .handle {\n background: #bee0f8;\n border-top: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup.infieldgroup-level-2 .col-reorder,\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup.infieldgroup-level-2 .handle {\n background: #99cef4;\n border-top: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup.infieldgroup-level-3 .col-reorder,\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup.infieldgroup-level-3 .handle {\n background: #89bef4;\n border-top: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"],\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"]:hover {\n background: #f6f7f8;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] label {\n font-weight: bold;\n color: #000;\n font-size: 1.1em;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] td {\n border-top: 1px solid #a6b6c1;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] + .ss-gridfield-item td {\n border-top: 1px solid #f6f7f8;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 1px solid #a8d7f5;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 1px solid #a8d7f5;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] .form__field-label {\n font-weight: bold;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] td {\n border-bottom: 1px solid #a8d7f5;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n border-top: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] .col-buttons .action {\n display: none;\n}\n\n.uf-field-editor .sticky-buttons {\n position: fixed;\n top: 73px;\n z-index: 2;\n background: #f6f7f8;\n border-bottom: 1px solid #e5e8eb;\n padding: 12px;\n margin-left: -12px;\n}\n\n.uf-field-editor .sticky-buttons button.action {\n margin-bottom: 0;\n}\n\n.uf-field-editor .sticky-buttons ~ .ss-gridfield-table {\n margin-top: 73px;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./bundle-cms.scss"],"sourceRoot":""}
|
{"version":3,"sources":["webpack:///./client/src/styles/userforms-cms.scss?61a4","webpack:///./bundle-cms.scss?b4af"],"names":[],"mappings":"AAAA,iBACE,iBCCD,uDDKK,YCDL,oHDKO,gBCAP,0DDIO,qBACA,sBACA,gBACA,mBCAP,qEDGS,uBCCT,+DDIO,gBCAP,wEDIO,0HCAP,+EDIO,YCAP,mEDIO,UACA,kBACA,cCAP,yEDGS,gBCCT,sFDGS,+CACA,eACA,iBCCT,8IDOO,gBCFP,6JDOO,mBCFP,oRDSO,mBACA,WCJP,6IDQO,gBACA,WACA,eACA,iBCJP,+ODQQ,6BCJR,uKDSS,WCLT,6KDUW,cCNX,4IDcQ,6BCVR,4JDcO,gBACA,iBACA,cCVP,+IDgBO,gCCZP,oPDgBS,aCZT,iKDgBO,aCZP,iCDkBG,eACA,SACA,UACA,mBACA,gCACA,aACA,kBCdH,+CDiBK,gBCbL,qDDiBK","file":"styles/userforms-cms.css","sourcesContent":[".uf-field-editor {\n padding-bottom: 0;\n\n // Row styles\n .grid-field__table {\n // Standard rows\n .ss-gridfield-item {\n height: 46px;\n\n &,\n &:hover {\n background: $white;\n }\n\n td {\n border-right-width: 0;\n vertical-align: middle;\n padding-top: 6px;\n padding-bottom: 6px;\n\n &:last-child {\n border-right-width: 1px;\n }\n }\n\n .handle {\n min-height: 46px;\n }\n\n &.flash-background {\n animation: flash-background 2s linear;\n }\n\n &.ui-sortable-placeholder {\n height: 50px;\n }\n\n .form-group {\n padding: 0;\n margin-bottom: 2px;\n color: $gray-700;\n\n &:after {\n border-bottom: 0;\n }\n\n .form__field-label {\n flex: auto;\n max-width: 100%;\n padding-bottom: 0;\n }\n }\n }\n\n .ss-gridfield-item.infieldgroup {\n &,\n &:hover {\n background: $white;\n }\n\n .col-reorder,\n .handle {\n background: $gray-200;\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] {\n &,\n &:hover {\n background: $gray-650;\n color: $white;\n }\n\n label {\n font-weight: bold;\n color: $white;\n font-size: 15px;\n padding-bottom: 0;\n }\n\n + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 3px solid $gray-200;\n }\n\n .grid-field__icon-action {\n &:before {\n color: $white;\n }\n\n &:hover {\n &:before {\n color: $gray-650;\n }\n }\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] {\n td {\n border-top: 3px solid $gray-200;\n }\n\n .form__field-label {\n font-weight: bold;\n padding-bottom: 0;\n color: $gray-700;\n }\n }\n\n .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n td {\n border-bottom: 3px solid $gray-200;\n }\n\n + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n border-top: 0;\n }\n\n .col-buttons .action {\n display: none;\n }\n }\n }\n\n .sticky-buttons {\n position: fixed;\n top: 73px;\n z-index: 2;\n background: $body-bg;\n border-bottom: 1px solid $border-color-light;\n padding: 12px;\n margin-left: -12px;\n\n & button.action {\n margin-bottom: 0;\n }\n\n ~ .ss-gridfield-table {\n margin-top: 73px;\n }\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./client/src/styles/userforms-cms.scss",".uf-field-editor {\n padding-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item {\n height: 46px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item,\n.uf-field-editor .grid-field__table .ss-gridfield-item:hover {\n background: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item td {\n border-right-width: 0;\n vertical-align: middle;\n padding-top: 6px;\n padding-bottom: 6px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item td:last-child {\n border-right-width: 1px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .handle {\n min-height: 46px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.flash-background {\n animation: flash-background 2s linear;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.ui-sortable-placeholder {\n height: 50px;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group {\n padding: 0;\n margin-bottom: 2px;\n color: #4f5861;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group:after {\n border-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item .form-group .form__field-label {\n flex: auto;\n max-width: 100%;\n padding-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup,\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup:hover {\n background: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .col-reorder,\n.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .handle {\n background: #e7e9ec;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"],\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"]:hover {\n background: #66727d;\n color: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] label {\n font-weight: bold;\n color: #fff;\n font-size: 15px;\n padding-bottom: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 3px solid #e7e9ec;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] .grid-field__icon-action:before {\n color: #fff;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFormStep\"] .grid-field__icon-action:hover:before {\n color: #66727d;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] td {\n border-top: 3px solid #e7e9ec;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroup\"] .form__field-label {\n font-weight: bold;\n padding-bottom: 0;\n color: #4f5861;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] td {\n border-bottom: 3px solid #e7e9ec;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] + .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] {\n border-top: 0;\n}\n\n.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=\"SilverStripe\\\\UserForms\\\\Model\\\\EditableFormField\\\\EditableFieldGroupEnd\"] .col-buttons .action {\n display: none;\n}\n\n.uf-field-editor .sticky-buttons {\n position: fixed;\n top: 73px;\n z-index: 2;\n background: #f6f7f8;\n border-bottom: 1px solid #e5e8eb;\n padding: 12px;\n margin-left: -12px;\n}\n\n.uf-field-editor .sticky-buttons button.action {\n margin-bottom: 0;\n}\n\n.uf-field-editor .sticky-buttons ~ .ss-gridfield-table {\n margin-top: 73px;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./bundle-cms.scss"],"sourceRoot":""}
|
||||||
3
client/dist/styles/userforms.css
vendored
3
client/dist/styles/userforms.css
vendored
@ -1,2 +1 @@
|
|||||||
.userform-progress .progress{position:relative;height:1em;background:#eee}.userform-progress .progress-bar{position:absolute;height:1em;background:#666}.userform-progress .step-buttons{margin-left:0;position:relative}.userform-progress .step-button-wrapper{display:inline-block;list-style-type:none}.userform-progress .step-button-wrapper.viewed .step-button-jump{opacity:1}.userform-progress .step-button-jump{position:absolute;top:0;opacity:.7}.step-navigation .step-buttons{margin-left:0}.step-navigation .step-button-wrapper{display:inline-block;list-style-type:none}.userform{clear:both;width:100%;max-width:100%}.userform .field label.right{color:#555}.userformsgroup{border:1px solid #ccc;border-radius:4px;padding:8px;margin-top:12px;margin-bottom:12px}.userformsgroup>legend{padding-left:4px;padding-right:4px;border:0;width:auto}.right-title{clear:both;display:block}.checkbox .right-title{display:inline}.userform .left{margin-bottom:5px;font-weight:700}
|
.userform-progress .progress{position:relative;height:1em;background:#e7e9ec}.userform-progress .progress-bar{position:absolute;height:1em;background:#66727d}.userform-progress .step-buttons{margin-left:0;position:relative}.userform-progress .step-button-wrapper{display:inline-block;list-style-type:none}.userform-progress .step-button-wrapper.viewed .step-button-jump{opacity:1}.userform-progress .step-button-jump{position:absolute;top:0;opacity:.7}.step-navigation .step-buttons{margin-left:0}.step-navigation .step-button-wrapper{display:inline-block;list-style-type:none}.userform{clear:both;width:100%;max-width:100%}.userform .field label.right{color:#383f45}.userformsgroup{border:1px solid #d3d8dc;border-radius:4px;padding:8px;margin-top:12px;margin-bottom:12px}.userformsgroup>legend{padding-left:4px;padding-right:4px;border:0;width:auto}.right-title{clear:both;display:block}.checkbox .right-title{display:inline}.userform .left{margin-bottom:5px;font-weight:700}
|
||||||
/*# sourceMappingURL=userforms.css.map*/
|
|
||||||
2
client/dist/styles/userforms.css.map
vendored
2
client/dist/styles/userforms.css.map
vendored
@ -1 +1 @@
|
|||||||
{"version":3,"sources":["webpack:///./client/src/styles/userforms.scss?1f22","webpack:///./bundle.scss?6663"],"names":[],"mappings":"AAEA,6BAEI,kBACA,WACA,gBCFH,iCDMG,kBACA,WACA,gBCFH,iCDMG,cACA,kBCFH,wCDMG,qBACA,qBCFH,iEDKK,UCDL,qCDMG,kBACA,MACA,WCFH,+BDQG,cCJH,sCDQG,qBACA,qBCJH,UDSC,WACA,WACA,eCLD,6BDQG,WCJH,gBDSC,sBACA,kBACA,YACA,gBACA,mBCLD,uBDQG,iBACA,kBACA,SACA,WCJH,aDSC,WACA,cCLD,uBDSC,eCLD,gBDSC,kBACA","file":"styles/userforms.css","sourcesContent":["// Lightweight base styles for the front-end form.\n\n.userform-progress {\n .progress {\n position: relative;\n height: 1em;\n background: $gray-lighter;\n }\n\n .progress-bar {\n position: absolute;\n height: 1em;\n background: $gray-progress-bg;\n }\n\n .step-buttons {\n margin-left: 0;\n position: relative;\n }\n\n .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n\n &.viewed .step-button-jump {\n opacity: 1;\n }\n }\n\n .step-button-jump {\n position: absolute;\n top: 0;\n opacity: .7;\n }\n}\n\n.step-navigation {\n .step-buttons {\n margin-left: 0;\n }\n\n .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n }\n}\n\n.userform {\n clear: both;\n width: 100%;\n max-width: 100%;\n\n .field label.right {\n color: $gray-dark-label;\n }\n}\n\n.userformsgroup {\n border: 1px solid $gray-light-border;\n border-radius: $padding-xs;\n padding: $padding-base-horizontal;\n margin-top: $padding-base;\n margin-bottom: $padding-base;\n\n > legend {\n padding-left: $padding-xs;\n padding-right: $padding-xs;\n border: 0;\n width: auto;\n }\n}\n\n.right-title {\n clear: both;\n display: block;\n}\n\n.checkbox .right-title {\n display: inline;\n}\n\n.userform .left {\n margin-bottom: $padding-sm;\n font-weight: bold;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./client/src/styles/userforms.scss",".userform-progress .progress {\n position: relative;\n height: 1em;\n background: #eee;\n}\n\n.userform-progress .progress-bar {\n position: absolute;\n height: 1em;\n background: #666;\n}\n\n.userform-progress .step-buttons {\n margin-left: 0;\n position: relative;\n}\n\n.userform-progress .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n}\n\n.userform-progress .step-button-wrapper.viewed .step-button-jump {\n opacity: 1;\n}\n\n.userform-progress .step-button-jump {\n position: absolute;\n top: 0;\n opacity: .7;\n}\n\n.step-navigation .step-buttons {\n margin-left: 0;\n}\n\n.step-navigation .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n}\n\n.userform {\n clear: both;\n width: 100%;\n max-width: 100%;\n}\n\n.userform .field label.right {\n color: #555;\n}\n\n.userformsgroup {\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 8px;\n margin-top: 12px;\n margin-bottom: 12px;\n}\n\n.userformsgroup > legend {\n padding-left: 4px;\n padding-right: 4px;\n border: 0;\n width: auto;\n}\n\n.right-title {\n clear: both;\n display: block;\n}\n\n.checkbox .right-title {\n display: inline;\n}\n\n.userform .left {\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./bundle.scss"],"sourceRoot":""}
|
{"version":3,"sources":["webpack:///./client/src/styles/userforms.scss?1f22","webpack:///./bundle.scss?6663"],"names":[],"mappings":"AAEA,6BAEI,kBACA,WACA,mBCFH,iCDMG,kBACA,WACA,mBCFH,iCDMG,cACA,kBCFH,wCDMG,qBACA,qBCFH,iEDKK,UCDL,qCDMG,kBACA,MACA,WCFH,+BDQG,cCJH,sCDQG,qBACA,qBCJH,UDSC,WACA,WACA,eCLD,6BDQG,cCJH,gBDSC,yBACA,kBACA,YACA,gBACA,mBCLD,uBDQG,iBACA,kBACA,SACA,WCJH,aDSC,WACA,cCLD,uBDSC,eCLD,gBDSC,kBACA","file":"styles/userforms.css","sourcesContent":["// Lightweight base styles for the front-end form.\n\n.userform-progress {\n .progress {\n position: relative;\n height: 1em;\n background: $gray-200;\n }\n\n .progress-bar {\n position: absolute;\n height: 1em;\n background: $gray-650;\n }\n\n .step-buttons {\n margin-left: 0;\n position: relative;\n }\n\n .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n\n &.viewed .step-button-jump {\n opacity: 1;\n }\n }\n\n .step-button-jump {\n position: absolute;\n top: 0;\n opacity: .7;\n }\n}\n\n.step-navigation {\n .step-buttons {\n margin-left: 0;\n }\n\n .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n }\n}\n\n.userform {\n clear: both;\n width: 100%;\n max-width: 100%;\n\n .field label.right {\n color: $gray-800;\n }\n}\n\n.userformsgroup {\n border: 1px solid $gray-300;\n border-radius: 4px;\n padding: 8px;\n margin-top: 12px;\n margin-bottom: 12px;\n\n > legend {\n padding-left: 4px;\n padding-right: 4px;\n border: 0;\n width: auto;\n }\n}\n\n.right-title {\n clear: both;\n display: block;\n}\n\n.checkbox .right-title {\n display: inline;\n}\n\n.userform .left {\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./client/src/styles/userforms.scss",".userform-progress .progress {\n position: relative;\n height: 1em;\n background: #e7e9ec;\n}\n\n.userform-progress .progress-bar {\n position: absolute;\n height: 1em;\n background: #66727d;\n}\n\n.userform-progress .step-buttons {\n margin-left: 0;\n position: relative;\n}\n\n.userform-progress .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n}\n\n.userform-progress .step-button-wrapper.viewed .step-button-jump {\n opacity: 1;\n}\n\n.userform-progress .step-button-jump {\n position: absolute;\n top: 0;\n opacity: .7;\n}\n\n.step-navigation .step-buttons {\n margin-left: 0;\n}\n\n.step-navigation .step-button-wrapper {\n display: inline-block;\n list-style-type: none;\n}\n\n.userform {\n clear: both;\n width: 100%;\n max-width: 100%;\n}\n\n.userform .field label.right {\n color: #383f45;\n}\n\n.userformsgroup {\n border: 1px solid #d3d8dc;\n border-radius: 4px;\n padding: 8px;\n margin-top: 12px;\n margin-bottom: 12px;\n}\n\n.userformsgroup > legend {\n padding-left: 4px;\n padding-right: 4px;\n border: 0;\n width: auto;\n}\n\n.right-title {\n clear: both;\n display: block;\n}\n\n.checkbox .right-title {\n display: inline;\n}\n\n.userform .left {\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./bundle.scss"],"sourceRoot":""}
|
||||||
@ -1,51 +0,0 @@
|
|||||||
//
|
|
||||||
// Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
//== Colors
|
|
||||||
|
|
||||||
$gray-base: #000;
|
|
||||||
$gray-dark: #777;
|
|
||||||
$gray-darker: #444;
|
|
||||||
$gray: #a6b6c1;
|
|
||||||
$gray-light: #999;
|
|
||||||
$gray-lighter: #eee;
|
|
||||||
|
|
||||||
//== Custom colors
|
|
||||||
|
|
||||||
$gray-bg: #dae2e7;
|
|
||||||
$gray-progress-bg: #666;
|
|
||||||
$gray-dark-label: #555;
|
|
||||||
$gray-light-border: #ccc;
|
|
||||||
|
|
||||||
$blue-base: #a8d7f5;
|
|
||||||
$blue-dark: #99cef4;
|
|
||||||
$blue-darker: #89bef4;
|
|
||||||
$blue: #bee0f8;
|
|
||||||
$blue-light: #f2f9fd;
|
|
||||||
|
|
||||||
$green-bg: #dcfedd;
|
|
||||||
|
|
||||||
//== Scaffolding
|
|
||||||
//
|
|
||||||
//## Settings for some of the most global styles.
|
|
||||||
|
|
||||||
$body-bg: #fff;
|
|
||||||
|
|
||||||
//== Components
|
|
||||||
//
|
|
||||||
//## Define common padding and border radius sizes and more.
|
|
||||||
|
|
||||||
$padding-base-horizontal: 8px;
|
|
||||||
|
|
||||||
|
|
||||||
//== Custom Components
|
|
||||||
|
|
||||||
$padding-base: 12px;
|
|
||||||
$padding-xs: 4px;
|
|
||||||
$padding-sm: 5px;
|
|
||||||
|
|
||||||
$height-base: 46px;
|
|
||||||
$height-top: 73px;
|
|
||||||
$placeholder-height: 50px;
|
|
||||||
@ -1,6 +1,4 @@
|
|||||||
// CMS SASS bundle
|
// CMS SASS bundle
|
||||||
// See includePaths in webpack.config.js
|
// See includePaths in webpack.config.js
|
||||||
@import "variables";
|
@import "variables";
|
||||||
|
|
||||||
@import "userforms-variables";
|
|
||||||
@import "userforms-cms";
|
@import "userforms-cms";
|
||||||
|
|||||||
@ -1,6 +1,4 @@
|
|||||||
// Frontend SASS bundle
|
// Frontend SASS bundle
|
||||||
// See includePaths in webpack.config.js
|
// See includePaths in webpack.config.js
|
||||||
@import "variables";
|
@import "variables";
|
||||||
|
|
||||||
@import "userforms-variables";
|
|
||||||
@import "userforms";
|
@import "userforms";
|
||||||
|
|||||||
@ -5,16 +5,18 @@
|
|||||||
.grid-field__table {
|
.grid-field__table {
|
||||||
// Standard rows
|
// Standard rows
|
||||||
.ss-gridfield-item {
|
.ss-gridfield-item {
|
||||||
height: $height-base;
|
height: 46px;
|
||||||
|
|
||||||
&,
|
&,
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $body-bg;
|
background: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
border-right-width: 0;
|
border-right-width: 0;
|
||||||
border-top: 1px solid $gray-light;
|
vertical-align: middle;
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-right-width: 1px;
|
border-right-width: 1px;
|
||||||
@ -22,7 +24,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.handle {
|
.handle {
|
||||||
min-height: $height-base;
|
min-height: 46px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.flash-background {
|
&.flash-background {
|
||||||
@ -30,11 +32,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.ui-sortable-placeholder {
|
&.ui-sortable-placeholder {
|
||||||
height: $placeholder-height;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group {
|
.form-group {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
color: $gray-700;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
@ -43,6 +47,7 @@
|
|||||||
.form__field-label {
|
.form__field-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -50,75 +55,61 @@
|
|||||||
.ss-gridfield-item.infieldgroup {
|
.ss-gridfield-item.infieldgroup {
|
||||||
&,
|
&,
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $blue-light;
|
background: $white;
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
border-bottom: 0;
|
|
||||||
border-top: 1px solid $gray-light;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-reorder,
|
.col-reorder,
|
||||||
.handle {
|
.handle {
|
||||||
background: $blue;
|
background: $gray-200;
|
||||||
border-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.infieldgroup-level-2 {
|
|
||||||
.col-reorder,
|
|
||||||
.handle {
|
|
||||||
background: $blue-dark;
|
|
||||||
border-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.infieldgroup-level-3 {
|
|
||||||
.col-reorder,
|
|
||||||
.handle {
|
|
||||||
background: $blue-darker;
|
|
||||||
border-top: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep"] {
|
.ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep"] {
|
||||||
&,
|
&,
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $background-main;
|
background: $gray-650;
|
||||||
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: $gray-base;
|
color: $white;
|
||||||
font-size: 1.1em;
|
font-size: 15px;
|
||||||
}
|
padding-bottom: 0;
|
||||||
|
|
||||||
td {
|
|
||||||
border-top: 1px solid $gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
+ .ss-gridfield-item td {
|
|
||||||
border-top: 1px solid $background-main;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
+ .ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup"] td {
|
+ .ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup"] td {
|
||||||
border-top: 1px solid $blue-base;
|
border-top: 3px solid $gray-200;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-field__icon-action {
|
||||||
|
&:before {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
&:before {
|
||||||
|
color: $gray-650;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup"] {
|
.ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup"] {
|
||||||
td {
|
td {
|
||||||
border-top: 1px solid $blue-base;
|
border-top: 3px solid $gray-200;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form__field-label {
|
.form__field-label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
padding-bottom: 0;
|
||||||
|
color: $gray-700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd"] {
|
.ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd"] {
|
||||||
td {
|
td {
|
||||||
border-bottom: 1px solid $blue-base;
|
border-bottom: 3px solid $gray-200;
|
||||||
}
|
}
|
||||||
|
|
||||||
+ .ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd"] {
|
+ .ss-gridfield-item[data-class="SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd"] {
|
||||||
@ -133,20 +124,20 @@
|
|||||||
|
|
||||||
.sticky-buttons {
|
.sticky-buttons {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: $height-top;
|
top: 73px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
background: $background-main;
|
background: $body-bg;
|
||||||
border-bottom: 1px solid $border-color-light;
|
border-bottom: 1px solid $border-color-light;
|
||||||
// box-shadow: 0 $padding-base $padding-xs -$padding-base-horizontal $gray-light;
|
padding: 12px;
|
||||||
padding: $padding-base;
|
margin-left: -12px;
|
||||||
margin-left: -$padding-base;
|
|
||||||
|
|
||||||
& button.action {
|
& button.action {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
~ .ss-gridfield-table {
|
~ .ss-gridfield-table {
|
||||||
margin-top: $height-top;
|
margin-top: 73px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -4,13 +4,13 @@
|
|||||||
.progress {
|
.progress {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
background: $gray-lighter;
|
background: $gray-200;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-bar {
|
.progress-bar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
background: $gray-progress-bg;
|
background: $gray-650;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step-buttons {
|
.step-buttons {
|
||||||
@ -51,20 +51,20 @@
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
||||||
.field label.right {
|
.field label.right {
|
||||||
color: $gray-dark-label;
|
color: $gray-800;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.userformsgroup {
|
.userformsgroup {
|
||||||
border: 1px solid $gray-light-border;
|
border: 1px solid $gray-300;
|
||||||
border-radius: $padding-xs;
|
border-radius: 4px;
|
||||||
padding: $padding-base-horizontal;
|
padding: 8px;
|
||||||
margin-top: $padding-base;
|
margin-top: 12px;
|
||||||
margin-bottom: $padding-base;
|
margin-bottom: 12px;
|
||||||
|
|
||||||
> legend {
|
> legend {
|
||||||
padding-left: $padding-xs;
|
padding-left: 4px;
|
||||||
padding-right: $padding-xs;
|
padding-right: 4px;
|
||||||
border: 0;
|
border: 0;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
@ -80,6 +80,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.userform .left {
|
.userform .left {
|
||||||
margin-bottom: $padding-sm;
|
margin-bottom: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -94,21 +94,25 @@ class UserFormFieldEditorExtension extends DataExtension
|
|||||||
new GridFieldButtonRow(),
|
new GridFieldButtonRow(),
|
||||||
(new GridFieldAddClassesButton(EditableTextField::class))
|
(new GridFieldAddClassesButton(EditableTextField::class))
|
||||||
->setButtonName(_t(__CLASS__.'.ADD_FIELD', 'Add Field'))
|
->setButtonName(_t(__CLASS__.'.ADD_FIELD', 'Add Field'))
|
||||||
->setButtonClass('ss-ui-action-constructive'),
|
->setButtonClass('btn-primary'),
|
||||||
(new GridFieldAddClassesButton(EditableFormStep::class))
|
(new GridFieldAddClassesButton(EditableFormStep::class))
|
||||||
->setButtonName(_t(__CLASS__.'.ADD_PAGE_BREAK', 'Add Page Break')),
|
->setButtonName(_t(__CLASS__.'.ADD_PAGE_BREAK', 'Add Page Break'))
|
||||||
|
->setButtonClass('btn-secondary'),
|
||||||
(new GridFieldAddClassesButton([EditableFieldGroup::class, EditableFieldGroupEnd::class]))
|
(new GridFieldAddClassesButton([EditableFieldGroup::class, EditableFieldGroupEnd::class]))
|
||||||
->setButtonName(_t(__CLASS__.'.ADD_FIELD_GROUP', 'Add Field Group')),
|
->setButtonName(_t(__CLASS__.'.ADD_FIELD_GROUP', 'Add Field Group'))
|
||||||
new GridFieldEditButton(),
|
->setButtonClass('btn-secondary'),
|
||||||
|
$editButton = new GridFieldEditButton(),
|
||||||
new GridFieldDeleteAction(),
|
new GridFieldDeleteAction(),
|
||||||
new GridFieldToolbarHeader(),
|
new GridFieldToolbarHeader(),
|
||||||
new GridFieldOrderableRows('Sort'),
|
new GridFieldOrderableRows('Sort'),
|
||||||
new GridFieldDetailForm()
|
new GridFieldDetailForm()
|
||||||
);
|
);
|
||||||
|
|
||||||
|
$editButton->removeExtraClass('grid-field__icon-action--hidden-on-hover');
|
||||||
|
|
||||||
$fieldEditor = GridField::create(
|
$fieldEditor = GridField::create(
|
||||||
'Fields',
|
'Fields',
|
||||||
_t('SilverStripe\\UserForms\\Model\\UserDefinedForm.FIELDS', 'Fields'),
|
'',
|
||||||
$fields,
|
$fields,
|
||||||
$config
|
$config
|
||||||
)->addExtraClass('uf-field-editor');
|
)->addExtraClass('uf-field-editor');
|
||||||
|
|||||||
@ -186,7 +186,7 @@ class GridFieldAddClassesButton implements GridField_HTMLProvider, GridField_Act
|
|||||||
$this->getAction(),
|
$this->getAction(),
|
||||||
array()
|
array()
|
||||||
);
|
);
|
||||||
$addAction->addExtraClass('font-icon-plus btn btn-primary');
|
$addAction->addExtraClass('font-icon-plus btn');
|
||||||
|
|
||||||
if ($this->getButtonClass()) {
|
if ($this->getButtonClass()) {
|
||||||
$addAction->addExtraClass($this->getButtonClass());
|
$addAction->addExtraClass($this->getButtonClass());
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user