Afform - Ref directives to components in their own files

[civicrm-core.git] / ext / afform / admin / ang / afGuiEditor.css

diff --git a/ext/afform/admin/ang/afGuiEditor.css b/ext/afform/admin/ang/afGuiEditor.css
index fd9a9d133ce730b4042500191ea94bbf89d967f1..3cc94c35b11b70c6efa7b0d09f89fb73673a1bce 100644 (file)
--- a/ext/afform/admin/ang/afGuiEditor.css
+++ b/ext/afform/admin/ang/afGuiEditor.css
@@ -144,7 +144,8 @@
 }
 
 #afGuiEditor af-gui-markup,
-#afGuiEditor af-gui-field {
+#afGuiEditor af-gui-field,
+#afGuiEditor af-gui-edit-options {
   display: block;
 }
 
@@ -220,7 +221,7 @@
 /* grip handle */
 #afGuiEditor [ui-sortable] .af-gui-bar:before,
 #afGuiEditor .af-gui-entity-palette-select-list [ui-sortable] > div:not(.disabled):hover:before,
-#afGuiEditor [af-gui-edit-options] [ui-sortable] li:before {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area [ui-sortable] li:before {
   background-size: cover;
   background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjODg4Ij48L3JlY3Q+Cjwvc3ZnPg==");
   width: 10px;
@@ -434,7 +435,7 @@
   position: relative;
 }
 
-#afGuiEditor [af-gui-edit-options] {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area {
   border: 2px solid #0071bd;
 }
 
@@ -454,30 +455,30 @@
   top: 0;
   right: 0;
 }
-#afGuiEditor [af-gui-edit-options] ul[ui-sortable] {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul[ui-sortable] {
   padding: 5px 20px 0;
 }
-#afGuiEditor [af-gui-edit-options] ul[ui-sortable] li {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul[ui-sortable] li {
   list-style: none;
   padding-left: 15px;
   position: relative;
   background-color:#e7ecf1;
   cursor: move;
 }
-#afGuiEditor [af-gui-edit-options] ul[ui-sortable] li:nth-child(even) {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul[ui-sortable] li:nth-child(even) {
   background-color:#f2f2f2;
 }
-#afGuiEditor [af-gui-edit-options] ul[ui-sortable] li > div {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul[ui-sortable] li > div {
   width: calc(100% - 30px);
   display: inline-block;
 }
-#afGuiEditor [af-gui-edit-options] ul.af-gui-edit-options-deleted li > div {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul.af-gui-edit-options-deleted li > div {
   text-decoration: line-through;
 }
-#afGuiEditor [af-gui-edit-options] ul[ui-sortable] li .btn-xs {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul[ui-sortable] li .btn-xs {
   border: 0 none;
 }
-#afGuiEditor [af-gui-edit-options] h5 {
+#afGuiEditor af-gui-edit-options.af-gui-content-editing-area h5 {
   margin-left: 20px;
 }