From 14865a9d9fc2abdfdd184ee5a288a62f588aa599 Mon Sep 17 00:00:00 2001 From: mwasiluk Date: Fri, 8 Apr 2016 13:42:21 +0200 Subject: [PATCH] builder material templates --- dist/form-builder-material.min.css | 2 +- styles/form-builder-material.scss | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/dist/form-builder-material.min.css b/dist/form-builder-material.min.css index 64a787f..03aae82 100644 --- a/dist/form-builder-material.min.css +++ b/dist/form-builder-material.min.css @@ -1 +1 @@ -.mw-form-builder{background-color:#e4e5e6}.mw-form-builder .mw-title-page{background-color:#fff;padding:10px;border:1px solid #d6d6d6;margin-bottom:7px;position:relative}.mw-form-builder .mw-add-new-page-button{opacity:.8}.mw-form-builder .mw-add-new-page-button:hover{opacity:1;background-color:#fff}.mw-form-builder .mw-form-page-builder{background-color:#fff;border:1px solid #d6d6d6;margin-bottom:7px;position:relative}.mw-form-builder .mw-form-page-builder.page-folded .mw-page-tab-actions button.unfold-button{display:inline-block!important}.mw-form-builder .mw-form-page-builder.page-folded .mw-form-question-builder .mw-preview .question-answers,.mw-form-builder .mw-form-page-builder.page-folded .mw-page-tab-actions button.fold-button{display:none}.mw-form-builder .mw-form-page-builder .mw-page-tab-container{position:relative}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-form-page-tab{background-color:#eee;display:inline-block;height:20px}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-form-page-tab .mw-page-tab-text{color:#4d4d4d;font:400 11px arial,sans-serif;padding:0 4px;position:relative;top:3px;vertical-align:top}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-form-page-tab .mw-page-tab-checkbox{color:#4d4d4d;font:400 11px arial,sans-serif}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-form-page-tab .mw-page-tab-checkbox-text{padding:0 2px;position:relative;top:-3px}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-triangle{border-right:20px solid transparent;border-top:20px solid #eee;display:inline-block;height:0;position:absolute;width:0}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions{position:absolute;right:0;top:0;padding:4px}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions button{border:none;opacity:.6;outline:0}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container:hover,.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions button.remove-button{margin-left:6px}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions button.unfold-button{display:none}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container{position:absolute;right:-3px;bottom:-1px;opacity:1}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-form-page-bottom-tab{background-color:#e4e5e6;display:inline-block;height:35px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-form-page-bottom-tab .page-flow-select{color:#4d4d4d;font:400 12px arial,sans-serif;padding:4px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-form-page-bottom-tab .page-flow-select label{margin-right:4px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-form-page-bottom-tab .page-flow-select select{background-color:#f5f5f5;padding:2px;height:25px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-page-bottom-tab-triangle{border-left:35px solid transparent;border-bottom:35px solid #e4e5e6;display:inline-block;height:0;width:0}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-page-bottom-tab-actions{background-color:#e4e5e6;padding:4px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-page-bottom-tab-actions button{height:25px;width:25px;padding:1px;line-height:25px;font-size:22px;background-color:#fff;border:none;opacity:.8;outline:0;margin-left:5px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-page-bottom-tab-actions button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .form-page-builder-body{padding:10px}.mw-form-builder .mw-form-page-builder .add-element.btn-group .dropdown-menu button{width:100%;border:none;background:0 0;line-height:28px}.mw-form-builder .mw-form-page-builder .add-element.btn-group .dropdown-menu button:hover{background:#CCC}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder-wrapper{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder{outline:0;margin-bottom:10px;z-index:0;zoom:1;position:relative}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder.active{box-shadow:1px 0 10px 1px rgba(0,0,0,.3);z-index:1;background-color:#fbfbfb;cursor:default}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder.active:hover{background-color:#fbfbfb;cursor:default}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder:hover{background-color:#f8f8f8;cursor:move}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder:hover .mw-page-element-actions-tab button.edit-button{opacity:.6}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder:hover .mw-page-element-actions-tab button.edit-button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab{position:absolute;right:0;top:0;padding:8px}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab button{border:none;opacity:.6;outline:0}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab button.remove-button{margin-left:6px}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab button.edit-button{opacity:0}.mw-form-builder .mw-form-page-builder .beingDragged{margin-bottom:.5em!important;border:2px dotted #ccc!important;background:#f8f8f8!important}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-text{font-weight:700}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-type select{margin-right:8px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer{margin-top:3px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .add-new-item-widget,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .add-new-item-widget,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget{margin-top:0;outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item .drag-handle,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item .drag-handle,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .drag-handle,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item .drag-handle,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .drag-handle{margin-right:6px;color:grey;cursor:move;display:inline-block;width:15px;height:25px;padding:0 4px;opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item .drag-handle:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item .drag-handle:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .drag-handle:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item .drag-handle:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .drag-handle:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item .remove-item-button,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item .remove-item-button,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .remove-item-button,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item .remove-item-button,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .remove-item-button{display:inline-block;border-radius:100%;border:none;opacity:.5;outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item .remove-item-button:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item .remove-item-button:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .remove-item-button:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item .remove-item-button:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .remove-item-button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .option-type-indicator{display:inline-block;margin-right:5px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .offered-answer-value{display:inline-block;width:300px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget .drag-handle{cursor:auto;opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget .option-type-indicator{opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget input{cursor:pointer;opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget .add-custom-answer{opacity:1!important}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget .add-custom-answer button{background:0 0!important;border:none;padding:0!important;font:inherit;outline:0;color:#00f;cursor:pointer}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .custom-answer label{display:inline-block;margin:0;width:40px;font-weight:400}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .custom-answer input{width:256px!important}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-col-list,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-row-list{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-separator{border:1px solid #e5e5e5;margin-bottom:10px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .mw-item-label-value{display:inline-block;width:400px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget label{opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget .drag-handle{cursor:auto;opacity:.5;display:inline-block}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .add-new-item-widget input,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget input,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .add-new-item-widget input{width:400px;cursor:pointer;opacity:.5;display:inline-block}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget .option-type-indicator{opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .question-priority-list{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item input{display:inline-block;width:400px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .question-division-list{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item input{display:inline-block;width:400px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-preview .mw-priority-list table{width:100%;min-height:100px!important;vertical-align:top}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-preview .mw-priority-list table td{height:100%;width:50%;border:1px solid #CCC;border-radius:7px;padding:7px;vertical-align:top}.mw-form-builder .mw-form-page-builder .mw-range input{display:inline-block;width:auto}.mw-form-builder .mw-confirmation-page{margin-top:25px}.mw-form-builder .ng-invalid.ng-dirty,.mw-form-builder .ng-invalid.strict-validation,.mw-form-builder .ng-submitted .ng-invalid,.mw-form-builder .ng-submitted .ng-invalid.ui-select-bootstrap button,.mw-form-builder .strict-validation .ng-invalid.ui-select-bootstrap>button{border-color:red;outline-color:red}.mw-form-builder .page-element-list{min-height:35px}.mw-form-builder .page-element-list .empty-page-element-list-label{position:absolute}.mw-form-builder .mw-form-image-builder .image-edition{margin-top:18px}.mw-form-builder .mw-form-image-builder .image-edition .image-align-control{text-align:center;margin:15px}.mw-form-builder .mw-form-image-builder .image-edition .image-align-control button.selected{background-color:#DDD}.mw-form-builder .align-left{text-align:left}.mw-form-builder .align-center{text-align:center}.mw-form-builder .align-right{text-align:right}.mw-form-builder .no-drag{cursor:default}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder{padding:20px 10px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-text{margin-bottom:10px}.mw-form-builder .mw-form-page-builder .mw-question-division-builder{margin-top:15px}.mw-form-builder .mw-title-page{padding-top:20px}.mw-form-builder md-input-container{margin:7px 0}.mw-form-builder .mw-question-other-answer md-input-container{margin:0 5px} \ No newline at end of file +.mw-form-builder{background-color:#e4e5e6}.mw-form-builder .mw-title-page{background-color:#fff;padding:10px;border:1px solid #d6d6d6;margin-bottom:7px;position:relative}.mw-form-builder .mw-add-new-page-button{opacity:.8}.mw-form-builder .mw-add-new-page-button:hover{opacity:1;background-color:#fff}.mw-form-builder .mw-form-page-builder{background-color:#fff;border:1px solid #d6d6d6;margin-bottom:7px;position:relative}.mw-form-builder .mw-form-page-builder.page-folded .mw-page-tab-actions button.unfold-button{display:inline-block!important}.mw-form-builder .mw-form-page-builder.page-folded .mw-form-question-builder .mw-preview .question-answers,.mw-form-builder .mw-form-page-builder.page-folded .mw-page-tab-actions button.fold-button{display:none}.mw-form-builder .mw-form-page-builder .mw-page-tab-container{position:relative}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-form-page-tab{background-color:#eee;display:inline-block;height:20px}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-form-page-tab .mw-page-tab-text{color:#4d4d4d;font:400 11px arial,sans-serif;padding:0 4px;position:relative;top:3px;vertical-align:top}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-form-page-tab .mw-page-tab-checkbox{color:#4d4d4d;font:400 11px arial,sans-serif}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-form-page-tab .mw-page-tab-checkbox-text{padding:0 2px;position:relative;top:-3px}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-triangle{border-right:20px solid transparent;border-top:20px solid #eee;display:inline-block;height:0;position:absolute;width:0}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions{position:absolute;right:0;top:0;padding:4px}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions button{border:none;opacity:.6;outline:0}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container:hover,.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions button.remove-button{margin-left:6px}.mw-form-builder .mw-form-page-builder .mw-page-tab-container .mw-page-tab-actions button.unfold-button{display:none}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container{position:absolute;right:-3px;bottom:-1px;opacity:1}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-form-page-bottom-tab{background-color:#e4e5e6;display:inline-block;height:35px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-form-page-bottom-tab .page-flow-select{color:#4d4d4d;font:400 12px arial,sans-serif;padding:4px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-form-page-bottom-tab .page-flow-select label{margin-right:4px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-form-page-bottom-tab .page-flow-select select{background-color:#f5f5f5;padding:2px;height:25px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-page-bottom-tab-triangle{border-left:35px solid transparent;border-bottom:35px solid #e4e5e6;display:inline-block;height:0;width:0}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-page-bottom-tab-actions{background-color:#e4e5e6;padding:4px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-page-bottom-tab-actions button{height:25px;width:25px;padding:1px;line-height:25px;font-size:22px;background-color:#fff;border:none;opacity:.8;outline:0;margin-left:5px}.mw-form-builder .mw-form-page-builder .mw-page-bottom-tab-container .mw-page-bottom-tab-actions button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .form-page-builder-body{padding:10px}.mw-form-builder .mw-form-page-builder .add-element.btn-group .dropdown-menu button{width:100%;border:none;background:0 0;line-height:28px}.mw-form-builder .mw-form-page-builder .add-element.btn-group .dropdown-menu button:hover{background:#CCC}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder-wrapper{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder{outline:0;margin-bottom:10px;z-index:0;zoom:1;position:relative}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder.active{box-shadow:1px 0 10px 1px rgba(0,0,0,.3);z-index:1;background-color:#fbfbfb;cursor:default}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder.active:hover{background-color:#fbfbfb;cursor:default}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder:hover{background-color:#f8f8f8;cursor:move}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder:hover .mw-page-element-actions-tab button.edit-button{opacity:.6}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder:hover .mw-page-element-actions-tab button.edit-button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab{position:absolute;right:0;top:0;padding:8px}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab button{border:none;opacity:.6;outline:0}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab button.remove-button{margin-left:6px}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder .mw-page-element-actions-tab button.edit-button{opacity:0}.mw-form-builder .mw-form-page-builder .beingDragged{margin-bottom:.5em!important;border:2px dotted #ccc!important;background:#f8f8f8!important}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-text{font-weight:700}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-type select{margin-right:8px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer{margin-top:3px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .add-new-item-widget,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .add-new-item-widget,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget{margin-top:0;outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item .drag-handle,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item .drag-handle,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .drag-handle,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item .drag-handle,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .drag-handle{margin-right:6px;color:grey;cursor:move;display:inline-block;width:15px;height:25px;padding:0 4px;opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item .drag-handle:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item .drag-handle:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .drag-handle:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item .drag-handle:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .drag-handle:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item .remove-item-button,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item .remove-item-button,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .remove-item-button,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item .remove-item-button,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .remove-item-button{display:inline-block;border-radius:100%;border:none;opacity:.5;outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .draggable-list-item .remove-item-button:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item .remove-item-button:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .remove-item-button:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item .remove-item-button:hover,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .remove-item-button:hover{opacity:1}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .option-type-indicator{display:inline-block;margin-right:5px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .mw-question-offered-answer .offered-answer-value{display:inline-block;width:300px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget .drag-handle{cursor:auto;opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget .option-type-indicator{opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget input{cursor:pointer;opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget .add-custom-answer{opacity:1!important}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .add-new-answer-widget .add-custom-answer button{background:0 0!important;border:none;padding:0!important;font:inherit;outline:0;color:#00f;cursor:pointer}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .custom-answer label{display:inline-block;margin:0;width:40px;font-weight:400}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .question-offered-answer-list-builder .custom-answer input{width:256px!important}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-col-list,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-row-list{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-separator{border:1px solid #e5e5e5;margin-bottom:10px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .mw-grid-item .mw-item-label-value{display:inline-block;width:400px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget label{opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget .drag-handle{cursor:auto;opacity:.5;display:inline-block}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .add-new-item-widget input,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget input,.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .add-new-item-widget input{width:400px;cursor:pointer;opacity:.5;display:inline-block}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-grid-builder .add-new-item-widget .option-type-indicator{opacity:.5}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .question-priority-list{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-priority-list-builder .mw-question-priority-list-item input{display:inline-block;width:400px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .question-division-list{outline:0}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-division-builder .mw-question-division-list-item input{display:inline-block;width:400px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-preview .mw-priority-list table{width:100%;min-height:100px!important;vertical-align:top}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-preview .mw-priority-list table td{height:100%;width:50%;border:1px solid #CCC;border-radius:7px;padding:7px;vertical-align:top}.mw-form-builder .mw-form-page-builder .mw-range input{display:inline-block;width:auto}.mw-form-builder .mw-confirmation-page{margin-top:25px}.mw-form-builder .ng-invalid.ng-dirty,.mw-form-builder .ng-invalid.strict-validation,.mw-form-builder .ng-submitted .ng-invalid,.mw-form-builder .ng-submitted .ng-invalid.ui-select-bootstrap button,.mw-form-builder .strict-validation .ng-invalid.ui-select-bootstrap>button{border-color:red;outline-color:red}.mw-form-builder .page-element-list{min-height:35px}.mw-form-builder .page-element-list .empty-page-element-list-label{position:absolute}.mw-form-builder .mw-form-image-builder .image-edition{margin-top:18px}.mw-form-builder .mw-form-image-builder .image-edition .image-align-control{text-align:center;margin:15px}.mw-form-builder .mw-form-image-builder .image-edition .image-align-control button.selected{background-color:#DDD}.mw-form-builder .align-left{text-align:left}.mw-form-builder .align-center{text-align:center}.mw-form-builder .align-right{text-align:right}.mw-form-builder .no-drag{cursor:default}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder{padding:20px 10px}.mw-form-builder .mw-form-page-builder .mw-form-page-element-builder.inactive{padding:10px 7px}.mw-form-builder .mw-form-page-builder .mw-form-question-builder-wrapper .mw-question-text{margin-bottom:10px}.mw-form-builder .mw-form-page-builder .mw-question-division-builder{margin-top:15px}.mw-form-builder .mw-title-page{padding-top:20px}.mw-form-builder md-input-container{margin:7px 0}.mw-form-builder .mw-question-other-answer md-input-container{margin:0 5px} \ No newline at end of file diff --git a/styles/form-builder-material.scss b/styles/form-builder-material.scss index edbdb20..b98af00 100644 --- a/styles/form-builder-material.scss +++ b/styles/form-builder-material.scss @@ -5,6 +5,9 @@ .mw-form-page-builder { .mw-form-page-element-builder{ padding: 20px 10px; + &.inactive{ + padding: 10px 7px; + } } .mw-form-question-builder-wrapper {