Skip to content

Commit

Permalink
fix: Fix kevinchappellGH-594 and kevinchappellGH-727 Bring non-namesp…
Browse files Browse the repository at this point in the history
…aced css selectors under .form-wrap.form-builder. Consolidate two definitions for .toggle-form.
lucasnetau committed Oct 5, 2023
1 parent dbb4a89 commit da89a92
Showing 2 changed files with 66 additions and 83 deletions.
5 changes: 5 additions & 0 deletions src/sass/_stage.scss
Original file line number Diff line number Diff line change
@@ -370,9 +370,14 @@

.toggle-form {
&:hover {
border-color: lighten($grey, 40%);
background-color: $edit;
color: $white;
}

&::before {
margin: 0;
}
}

.copy-button {
144 changes: 61 additions & 83 deletions src/sass/form-builder.scss
Original file line number Diff line number Diff line change
@@ -16,104 +16,82 @@
display: table;
clear: both;
}
}

.cb-wrap,
.stage-wrap {
vertical-align: top;
.cb-wrap,
.stage-wrap {
vertical-align: top;

&.pull-right {
float: right;
}
&.pull-right {
float: right;
}

&.pull-left {
float: left;
&.pull-left {
float: left;
}
}
}

.form-elements,
.form-group,
.multi-row span,
textarea {
display: block;
}

.form-elements::after,
.form-group::after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.form-elements .field-options div:hover,
.frmb .legend,
.frmb .prev-holder {
cursor: move;
}

// tooltips
.frmb-tt {
display: none;
position: absolute;
top: 0;
left: 0;
border: 1px solid darken($grey, 25%);
background-color: $grey;
border-radius: 5px;
padding: 5px;
color: $white;
z-index: 20;
text-align: left;
font-size: 12px;
pointer-events: none;

&::before {
border-color: darken($grey, 25%) transparent;
bottom: -11px;
.form-elements,
.form-group,
.multi-row span,
textarea {
display: block;
}

&::before,
&::after {
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 0;
border-color: $grey transparent;
.form-elements::after,
.form-group::after {
content: '.';
display: block;
width: 0;
z-index: 1;
margin-left: -10px;
bottom: -10px;
left: 20px;
height: 0;
clear: both;
visibility: hidden;
}

a {
text-decoration: underline;
color: $white;
.form-elements .field-options div:hover,
.frmb .legend,
.frmb .prev-holder {
cursor: move;
}
}

.frmb li {
&:hover,
.formbuilder-mobile & {
.del-button,
.toggle-form {
opacity: 1;
// tooltips
.frmb-tt {
display: none;
position: absolute;
top: 0;
left: 0;
border: 1px solid darken($grey, 25%);
background-color: $grey;
border-radius: 5px;
padding: 5px;
color: $white;
z-index: 20;
text-align: left;
font-size: 12px;
pointer-events: none;

&::before {
border-color: darken($grey, 25%) transparent;
bottom: -11px;
}
}
}

.toggle-form {
opacity: 0;

&:hover {
border-color: lighten($grey, 40%);
}
&::before,
&::after {
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 0;
border-color: $grey transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -10px;
bottom: -10px;
left: 20px;
}

&::before {
margin: 0;
a {
text-decoration: underline;
color: $white;
}
}
}

0 comments on commit da89a92

Please sign in to comment.