Fields drag n drop

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

diff --git a/ext/afform/gui/ang/afGuiEditor.css b/ext/afform/gui/ang/afGuiEditor.css
index 424e5aad54ee3fcd706bd5f4b516dad73afef13f..95df8383fdf403aec076094236410c6523773c07 100644 (file)
--- a/ext/afform/gui/ang/afGuiEditor.css
+++ b/ext/afform/gui/ang/afGuiEditor.css
@@ -64,18 +64,6 @@
   width: 100%;
   padding-left:15px;
 }
-/* grip handle */
-#afGuiEditor .af-gui-bar:before {
-  background-size: cover;
-  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjODg4Ij48L3JlY3Q+Cjwvc3ZnPg==");
-  width: 10px;
-  height: 15px;
-  content: ' ';
-  display: block;
-  position: absolute;
-  left: 4px;
-  top: 5px;
-}
 
 #afGuiEditor-canvas:hover .af-gui-bar {
   visibility: visible;
@@ -106,3 +94,37 @@
 #afGuiEditor .af-gui-block:hover {
   border: 2px dashed #757575;
 }
+
+#afGuiEditor [ui-sortable] {
+  min-height: 25px;
+}
+
+#afGuiEditor .af-gui-field-select-list {
+  max-height: 280px;
+  overflow-y: auto;
+}
+
+#afGuiEditor .af-gui-field-select-list > div {
+  cursor: move;
+  padding-left:15px;
+  position: relative;
+}
+#afGuiEditor .af-gui-field-select-list > div.disabled {
+  cursor: auto;
+}
+#afGuiEditor .af-gui-field-select-list > div:not(.disabled):hover {
+  background-color: #efefef;
+}
+/* grip handle */
+#afGuiEditor .af-gui-bar:before,
+#afGuiEditor .af-gui-field-select-list > div:not(.disabled):hover:before {
+  background-size: cover;
+  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjODg4Ij48L3JlY3Q+Cjwvc3ZnPg==");
+  width: 10px;
+  height: 15px;
+  content: ' ';
+  display: block;
+  position: absolute;
+  left: 4px;
+  top: 5px;
+}