Skip to content

Commit

Permalink
enhenhancement: remove scoped styles
Browse files Browse the repository at this point in the history
  • Loading branch information
Lionel Bijaoui committed Aug 8, 2016
1 parent 21c8876 commit 1c46aef
Show file tree
Hide file tree
Showing 21 changed files with 82 additions and 82 deletions.
78 changes: 39 additions & 39 deletions dist/vue-form-generator.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,24 +106,24 @@ fieldset .form-group {
padding-top: 0px;
margin-top: 0.2em;
font-weight: 600; }
input[type=checkbox][_v-2fdafcb6] {
input[type=checkbox] {
margin-left: 12px; }
.listbox[_v-3254e498], .dropList[_v-3254e498] {
.listbox, .dropList {
height: auto;
max-height: 150px;
overflow: auto; }
.listbox .list-row label[_v-3254e498], .dropList .list-row label[_v-3254e498] {
.listbox .list-row label, .dropList .list-row label {
font-weight: initial; }
.listbox .list-row input[_v-3254e498], .dropList .list-row input[_v-3254e498] {
.listbox .list-row input, .dropList .list-row input {
margin-right: 0.3em; }

.combobox[_v-3254e498] {
.combobox {
height: initial;
overflow: hidden; }
.combobox .mainRow[_v-3254e498] {
.combobox .mainRow {
cursor: pointer;
position: relative; }
.combobox .mainRow .arrow[_v-3254e498] {
.combobox .mainRow .arrow {
position: absolute;
right: -6px;
top: 4px;
Expand All @@ -137,22 +137,22 @@ input[type=checkbox][_v-2fdafcb6] {
transition: transform 0.5s, -webkit-transform 0.5s;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGdJREFUOI3tzjsOwjAURNGDUqSgTxU5K2AVrJtswjUsgHSR0qdxAZZFPrS+3ZvRzBsqf9MUtBtazJk+oMe0VTriiZCFX8nbpENMgfARjsn74vKj5IFruhfc8d6zIF9S/Hyk5HS4spMVeFcOjszaOwMAAAAASUVORK5CYII=");
background-repeat: no-repeat; }
.combobox .mainRow.expanded .arrow[_v-3254e498] {
.combobox .mainRow.expanded .arrow {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.combobox .dropList[_v-3254e498] {
.combobox .dropList {
-webkit-transition: height 0.5s;
transition: height 0.5s; }
span[_v-da15201e] {
span {
margin-left: 0.3em; }
input[_v-6ef4e97d] {
input {
width: 100%; }
input[_v-c97470ac] {
input {
width: 100%; }
.wrapper[_v-2ee9a42e], input[_v-2ee9a42e] {
.wrapper, input {
width: 100%; }

.preview[_v-2ee9a42e] {
.preview {
position: relative;
margin-top: 5px;
height: 100px;
Expand All @@ -162,7 +162,7 @@ input[_v-c97470ac] {
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.preview .remove[_v-2ee9a42e] {
.preview .remove {
/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC');
width: 16px;
height: 16px;
Expand All @@ -172,25 +172,25 @@ input[_v-c97470ac] {
right: 0.2em;
bottom: 0.2em;
opacity: 0.7; }
.preview .remove[_v-2ee9a42e]:hover {
.preview .remove:hover {
opacity: 1.0;
cursor: pointer; }
span[_v-0eace1fc] {
span {
display: block;
width: 100%;
margin-left: 12px; }
input[_v-2b1174ed] {
input {
width: 100%; }
input[_v-6a19b8ab] {
input {
width: 100%; }
input[_v-6c65f47d] {
input {
width: 100%; }
input[_v-1fd4066a] {
input {
width: 100%; }

.helpText[_v-1fd4066a] {
.helpText {
margin: auto 0.5em; }
select[_v-1ec600de] {
select {
width: 100%; }
.bootstrap-select .dropdown-menu li.selected .text {
font-weight: bold; }
Expand Down Expand Up @@ -235,13 +235,13 @@ select[_v-1ec600de] {



img[_v-5915e81c] {
img {
display: block;
width: auto;
max-width: 100%; }
input[_v-05b01dfa] {
width: 100%; }
label[_v-6cc6a716] {
label {
position: relative;
display: block;
vertical-align: top;
Expand All @@ -256,13 +256,13 @@ label[_v-6cc6a716] {
box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
cursor: pointer; }

input[_v-6cc6a716] {
input {
position: absolute;
top: 0;
left: 0;
opacity: 0; }

.label[_v-6cc6a716] {
.label {
position: relative;
display: block;
height: inherit;
Expand All @@ -272,38 +272,38 @@ input[_v-6cc6a716] {
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); }

.label[_v-6cc6a716]:before, .label[_v-6cc6a716]:after {
.label:before, .label:after {
position: absolute;
top: 50%;
margin-top: -.5em;
line-height: 1;
-webkit-transition: inherit;
transition: inherit; }

.label[_v-6cc6a716]:before {
.label:before {
content: attr(data-off);
right: 11px;
color: #aaaaaa;
text-shadow: 0 1px rgba(255, 255, 255, 0.5); }

.label[_v-6cc6a716]:after {
.label:after {
content: attr(data-on);
left: 11px;
color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0; }

input:checked ~ .label[_v-6cc6a716] {
input:checked ~ .label {
background: #E1B42B;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }

input:checked ~ .label[_v-6cc6a716]:before {
input:checked ~ .label:before {
opacity: 0; }

input:checked ~ .label[_v-6cc6a716]:after {
input:checked ~ .label:after {
opacity: 1; }

.handle[_v-6cc6a716] {
.handle {
position: absolute;
top: 4px;
left: 4px;
Expand All @@ -315,7 +315,7 @@ input:checked ~ .label[_v-6cc6a716]:after {
border-radius: 100%;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }

.handle[_v-6cc6a716]:before {
.handle:before {
content: "";
position: absolute;
top: 50%;
Expand All @@ -329,16 +329,16 @@ input:checked ~ .label[_v-6cc6a716]:after {
border-radius: 6px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }

input:checked ~ .handle[_v-6cc6a716] {
input:checked ~ .handle {
left: 94px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

/* Transition
========================== */
.label[_v-6cc6a716], .handle[_v-6cc6a716] {
.label, .handle {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
input[_v-59b0db0f] {
input {
width: 100%; }
textarea[_v-51662488] {
textarea {
width: 100%; }
34 changes: 17 additions & 17 deletions dist/vue-form-generator.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27153,7 +27153,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 13 */
/***/ function(module, exports) {

module.exports = "<input type=\"checkbox\" v-model=\"value\" :disabled=\"disabled\" _v-2fdafcb6=\"\">";
module.exports = "<input type=\"checkbox\" v-model=\"value\" :disabled=\"disabled\"/>";

/***/ },
/* 14 */
Expand Down Expand Up @@ -27257,7 +27257,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 17 */
/***/ function(module, exports) {

module.exports = "<div v-if=\"schema.listBox\" class=\"listbox form-control\" _v-3254e498=\"\"><div v-for=\"item in items\" class=\"list-row\" _v-3254e498=\"\"><label _v-3254e498=\"\"><input type=\"checkbox\" :checked=\"getItemIsChecked(item)\" @change=\"onChanged($event, item)\" _v-3254e498=\"\">{{ getItemName(item) }}</label></div></div><div v-if=\"!schema.listBox\" class=\"combobox form-control\" _v-3254e498=\"\"><div @click=\"onExpandCombo\" :class=\"{ expanded: comboExpanded }\" class=\"mainRow\" _v-3254e498=\"\"><div class=\"info\" _v-3254e498=\"\">{{ selectedCount }} selected</div><div class=\"arrow\" _v-3254e498=\"\"></div></div><div class=\"dropList\" _v-3254e498=\"\"><div v-if=\"comboExpanded\" v-for=\"item in items\" class=\"list-row\" _v-3254e498=\"\"><label _v-3254e498=\"\"><input type=\"checkbox\" :checked=\"getItemIsChecked(item)\" @change=\"onChanged($event, item)\" _v-3254e498=\"\">{{ getItemName(item) }}</label></div></div></div>";
module.exports = "<div v-if=\"schema.listBox\" class=\"listbox form-control\"><div v-for=\"item in items\" class=\"list-row\"><label><input type=\"checkbox\" :checked=\"getItemIsChecked(item)\" @change=\"onChanged($event, item)\"/>{{ getItemName(item) }}</label></div></div><div v-if=\"!schema.listBox\" class=\"combobox form-control\"><div @click=\"onExpandCombo\" :class=\"{ expanded: comboExpanded }\" class=\"mainRow\"><div class=\"info\">{{ selectedCount }} selected</div><div class=\"arrow\"></div></div><div class=\"dropList\"><div v-if=\"comboExpanded\" v-for=\"item in items\" class=\"list-row\"><label><input type=\"checkbox\" :checked=\"getItemIsChecked(item)\" @change=\"onChanged($event, item)\"/>{{ getItemName(item) }}</label></div></div></div>";

/***/ },
/* 18 */
Expand Down Expand Up @@ -27296,7 +27296,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 21 */
/***/ function(module, exports) {

module.exports = "<input type=\"color\" v-model=\"value\" :disabled=\"disabled\" _v-da15201e=\"\"><span class=\"helper\" _v-da15201e=\"\">{{ value }}</span>";
module.exports = "<input type=\"color\" v-model=\"value\" :disabled=\"disabled\"/><span class=\"helper\">{{ value }}</span>";

/***/ },
/* 22 */
Expand Down Expand Up @@ -41414,7 +41414,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 128 */
/***/ function(module, exports) {

module.exports = "<div class=\"input-group date\" _v-6ef4e97d=\"\"><input type=\"text\" v-model=\"value\" :disabled=\"disabled\" class=\"form-control\" _v-6ef4e97d=\"\"><span class=\"input-group-addon\" _v-6ef4e97d=\"\"><span class=\"glyphicon glyphicon-calendar\" _v-6ef4e97d=\"\"></span></span></div>";
module.exports = "<div class=\"input-group date\"><input type=\"text\" v-model=\"value\" :disabled=\"disabled\" class=\"form-control\"/><span class=\"input-group-addon\"><span class=\"glyphicon glyphicon-calendar\"></span></span></div>";

/***/ },
/* 129 */
Expand Down Expand Up @@ -41453,7 +41453,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 132 */
/***/ function(module, exports) {

module.exports = "<input type=\"email\" v-model=\"value\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\" _v-c97470ac=\"\">";
module.exports = "<input type=\"email\" v-model=\"value\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\"/>";

/***/ },
/* 133 */
Expand Down Expand Up @@ -41561,7 +41561,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 136 */
/***/ function(module, exports) {

module.exports = "<div class=\"wrapper\" _v-2ee9a42e=\"\"><input type=\"text\" v-model=\"wrappedValue\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control link\" _v-2ee9a42e=\"\"><input type=\"file\" :readonly=\"schema.readonly\" :disabled=\"disabled\" v-if=\"schema.browse !== false\" @change=\"fileChanged\" class=\"form-control file\" _v-2ee9a42e=\"\"><div :style=\"previewStyle\" class=\"preview\" _v-2ee9a42e=\"\"><div title=\"Remove image\" @click=\"remove\" class=\"remove fa fa-trash-o\" _v-2ee9a42e=\"\"></div></div></div>";
module.exports = "<div class=\"wrapper\"><input type=\"text\" v-model=\"wrappedValue\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control link\"/><input type=\"file\" :readonly=\"schema.readonly\" :disabled=\"disabled\" v-if=\"schema.browse !== false\" @change=\"fileChanged\" class=\"form-control file\"/><div :style=\"previewStyle\" class=\"preview\"><div title=\"Remove image\" @click=\"remove\" class=\"remove fa fa-trash-o\"></div></div></div>";

/***/ },
/* 137 */
Expand Down Expand Up @@ -41600,7 +41600,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 140 */
/***/ function(module, exports) {

module.exports = "<span _v-0eace1fc=\"\">{{ value }}</span>";
module.exports = "<span>{{ value }}</span>";

/***/ },
/* 141 */
Expand Down Expand Up @@ -41661,7 +41661,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 144 */
/***/ function(module, exports) {

module.exports = "<input type=\"text\" v-model=\"value\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\" _v-2b1174ed=\"\">";
module.exports = "<input type=\"text\" v-model=\"value\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\"/>";

/***/ },
/* 145 */
Expand Down Expand Up @@ -41700,7 +41700,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 148 */
/***/ function(module, exports) {

module.exports = "<input type=\"number\" v-model=\"value\" number=\"number\" :min=\"schema.min\" :max=\"schema.max\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\" _v-6a19b8ab=\"\">";
module.exports = "<input type=\"number\" v-model=\"value\" number=\"number\" :min=\"schema.min\" :max=\"schema.max\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\"/>";

/***/ },
/* 149 */
Expand Down Expand Up @@ -41739,7 +41739,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 152 */
/***/ function(module, exports) {

module.exports = "<input type=\"password\" v-model=\"value\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\" _v-6c65f47d=\"\">";
module.exports = "<input type=\"password\" v-model=\"value\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\"/>";

/***/ },
/* 153 */
Expand Down Expand Up @@ -41778,7 +41778,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 156 */
/***/ function(module, exports) {

module.exports = "<input type=\"range\" v-model=\"value\" :min=\"schema.min\" :max=\"schema.max\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\" _v-1fd4066a=\"\"><div class=\"helpText\" _v-1fd4066a=\"\">{{ value }}</div>";
module.exports = "<input type=\"range\" v-model=\"value\" :min=\"schema.min\" :max=\"schema.max\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\"/><div class=\"helpText\">{{ value }}</div>";

/***/ },
/* 157 */
Expand Down Expand Up @@ -41859,7 +41859,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 160 */
/***/ function(module, exports) {

module.exports = "<select v-model=\"value\" :disabled=\"disabled\" class=\"form-control\" _v-1ec600de=\"\"><option :disabled=\"schema.required\" :value=\"null\" :selected=\"value == undefined\" _v-1ec600de=\"\">&lt;Not selected&gt;</option><option v-for=\"item in items\" :value=\"getItemID(item)\" _v-1ec600de=\"\">{{ getItemName(item) }}</option></select>";
module.exports = "<select v-model=\"value\" :disabled=\"disabled\" class=\"form-control\"><option :disabled=\"schema.required\" :value=\"null\" :selected=\"value == undefined\">&lt;Not selected&gt;</option><option v-for=\"item in items\" :value=\"getItemID(item)\">{{ getItemName(item) }}</option></select>";

/***/ },
/* 161 */
Expand Down Expand Up @@ -43072,7 +43072,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 229 */
/***/ function(module, exports) {

module.exports = "<input type=\"text\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" _v-0942c6b3=\"\">";
module.exports = "<input type=\"text\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\"/>";

/***/ },
/* 230 */
Expand Down Expand Up @@ -43135,7 +43135,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 233 */
/***/ function(module, exports) {

module.exports = "<img :src=\"mapLink\" _v-5915e81c=\"\">";
module.exports = "<img :src=\"mapLink\"/>";

/***/ },
/* 234 */
Expand Down Expand Up @@ -43278,7 +43278,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 241 */
/***/ function(module, exports) {

module.exports = "<label _v-6cc6a716=\"\"><input type=\"checkbox\" v-model=\"value\" :disabled=\"disabled\" _v-6cc6a716=\"\"><span :data-on=\"schema.textOn || 'On'\" :data-off=\"schema.textOff || 'Off'\" class=\"label\" _v-6cc6a716=\"\"></span><span class=\"handle\" _v-6cc6a716=\"\"></span></label>";
module.exports = "<label><input type=\"checkbox\" v-model=\"value\" :disabled=\"disabled\"/><span :data-on=\"schema.textOn || 'On'\" :data-off=\"schema.textOff || 'Off'\" class=\"label\"></span><span class=\"handle\"></span></label>";

/***/ },
/* 242 */
Expand Down Expand Up @@ -43317,7 +43317,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 245 */
/***/ function(module, exports) {

module.exports = "<input type=\"text\" v-model=\"value\" :maxlength=\"schema.max\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\" _v-59b0db0f=\"\">";
module.exports = "<input type=\"text\" v-model=\"value\" :maxlength=\"schema.max\" :readonly=\"schema.readonly\" :disabled=\"disabled\" :placeholder=\"schema.placeholder\" class=\"form-control\"/>";

/***/ },
/* 246 */
Expand Down Expand Up @@ -43356,7 +43356,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 249 */
/***/ function(module, exports) {

module.exports = "<textarea v-model=\"value\" :rows=\"schema.rows || 2\" :readonly=\"schema.readonly\" :placeholder=\"schema.placeholder\" :disabled=\"disabled\" :maxlength=\"schema.max\" class=\"form-control\" _v-51662488=\"\"></textarea>";
module.exports = "<textarea v-model=\"value\" :rows=\"schema.rows || 2\" :readonly=\"schema.readonly\" :placeholder=\"schema.placeholder\" :disabled=\"disabled\" :maxlength=\"schema.max\" class=\"form-control\"></textarea>";

/***/ },
/* 250 */
Expand Down
16 changes: 8 additions & 8 deletions dist/vue-form-generator.min.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/fields/fieldCheckbox.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
};
</script>

<style lang="sass" scoped>
<style lang="sass">
input[type=checkbox] {
margin-left: 12px;
}
Expand Down
2 changes: 1 addition & 1 deletion src/fields/fieldChecklist.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@
</script>


<style lang="sass" scoped>
<style lang="sass">
.listbox, .dropList {
height: auto;
Expand Down
2 changes: 1 addition & 1 deletion src/fields/fieldColor.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
</script>


<style lang="sass" scoped>
<style lang="sass">
span {
margin-left: 0.3em;
}
Expand Down
Loading

0 comments on commit 1c46aef

Please sign in to comment.