Merge pull request #13 from slub/improve_formcategories

improve formcategories
slub · Dec 14, 2021 · 82d4400 · 82d4400
2 parents 11bc699 + d36fc88
commit 82d4400
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 186 deletions.
diff --git a/Resources/Private/Templates/Email/New.html b/Resources/Private/Templates/Email/New.html
@@ -98,8 +98,8 @@ <h3 class="formtitle">{form.title}</h3>
         </f:then>
         <f:else>
             <div class="slub-form-tree" role="tablist">
-                <fieldset class="cats">
-                <legend class="form-cats">Formular Kategorien</legend>
+                <fieldset class="slub-category-list">
+                <legend>Formular Kategorien</legend>
                 <f:render section="categoryTree" arguments="{categories: forms}" />
                 </fieldset>
             </div>

diff --git a/Resources/Public/Css/SlubForms.css b/Resources/Public/Css/SlubForms.css
@@ -12,184 +12,6 @@
     clear: both;
 }
 
-/*
-    categories tree
-    -------------------------------------------------------------------------------------
-*/
-
-.slub-form-tree fieldset.cats {
-    position: relative;
-    width: 570px;
-    height: 380px;
-    border: 0;
-    background: url(../Images/slub-form-tree-bg.png) no-repeat 0 0;
-    margin: 20px 0;
-    display: block;
-}
-
-.slub-form-tree fieldset.cats ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.slub-form-tree fieldset.cats label {
-    width: auto;
-    float: none;
-    margin: 0;
-}
-
-
-.slub-form-tree fieldset.cats ul li input[type="radio"] {
-    display: none;
-}
-
-.slub-form-tree fieldset.cats > ul > li {
-    position: absolute;
-    font: italic bold 15px/1.6 "Trebuchet MS", Verdana, Arial, sans-serif;
-    color: #c00;
-    padding: 0 5px;
-    cursor: pointer;
-}
-
-.slub-form-tree fieldset.cats > ul > li:before {
-    position: absolute;
-    bottom: 0;
-    width: 80px;
-    height: 80px;
-    background: url(../Images/slub-form-tree-bubbles.png) no-repeat 0 0;
-    content: " ";
-}
-
-/* top left form with shortcode="sammlungen-bestaende" */
-#form-select-sammlungen-bestaende {
-    top: 95px;
-    left: 120px;
-}
-
-#form-select-sammlungen-bestaende:before {
-    left: -75px;
-    background-position: 0 0;
-}
-
-#form-select-sammlungen-bestaende > ul {
-    top: -27px;
-    left: 190px;
-}
-
-/* top right form with shortcode="service" */
-#form-select-service {
-    top: 80px;
-    right: 140px;
-}
-
-#form-select-service:before {
-    right: -75px;
-    background-position: -80px 0;
-}
-
-#form-select-service > ul {
-    top: -28px;
-    left: 70px;
-}
-
-/* bottom left form with shortcode="wissenschaftliches-arbeiten" */
-#form-select-wissenschaftliches-arbeiten {
-    top: 210px;
-    left: 155px;
-}
-
-#form-select-wissenschaftliches-arbeiten:before {
-    left: -75px;
-    background-position: -160px 0;
-}
-
-#form-select-wissenschaftliches-arbeiten > ul {
-    top: -28px;
-    left: 220px;
-}
-
-/* bottom right form with shortcode="anregung-kritik" */
-#form-select-anregung-kritik
-{
-    top: 260px;
-    right: 70px;
-}
-
-#form-select-anregung-kritik:before {
-    right: -75px;
-    background-position: -320px 0;
-}
-
-#form-select-anregung-kritik > ul {
-    top: -30px;
-    left: 145px;
-}
-
-.slub-form-tree fieldset.cats > ul > li > ul {
-    position: absolute;
-    background: #fff;
-    background: rgba(255, 255, 255, 0.9);
-    top: -60px;
-    left: -80px;
-    visibility: hidden;
-    opacity: 0;
-    font: normal 300 12px/1.6 Verdana, Arial, Helvetica, sans-serif;
-    color: #087;
-    z-index: 1000;
-    width: 380px;
-    -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
-    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
-    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
-    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
-    border-left: 1px solid #256;
-    -moz-transition: left 0.4s ease-out, opacity 0.4s ease-out, visibility 0.4s ease-out;
-    -o-transition: left 0.4s ease-out, opacity 0.4s ease-out, visibility 0.4s ease-out;
-    transition: left 0.4s ease-out, opacity 0.4s ease-out, visibility 0.4s ease-out;
-}
-
-.slub-form-tree fieldset.cats ul ul:before {
-    content: ' ';
-    position: absolute;
-    top: 30px;
-    left: -10px;
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 10px 10px 10px 0;
-    border-color: transparent #256 transparent transparent;
-}
-
-.slub-form-tree fieldset.cats > ul > li:hover > ul,
-.slub-form-tree fieldset.cats > ul > li:active > ul {
-    visibility: visible;
-    opacity: 1;
-}
-
-@media only screen and (min-width: 1224px) {
-    /* ipad bug */
-    .slub-form-tree fieldset.cats > ul > li > ul {
-        -webkit-transition: left 0.4s ease-out, opacity 0.4s ease-out, visibility 0.4s ease-out;
-    }
-}
-
-.slub-form-tree fieldset.cats ul ul li {
-    border-bottom: 1px dotted #ccc;
-}
-
-.slub-form-tree fieldset.cats ul ul li label {
-    position: relative;
-    display: block;
-    cursor: pointer;
-    padding: 6px 10px;
-
-}
-
-.slub-form-tree fieldset.cats ul ul li:hover {
-    background: #078;
-    color: #fff;
-}
-
 .slub-forms-back2select {
     cursor: pointer;
     border-bottom: 1px dotted #ccc;
@@ -224,11 +46,6 @@
     color: #87b4bc;
 }
 
-.tx-slub-forms fieldset legend.form-cats {
-    color: #fff;
-    line-height: 0;
-}
-
 .tx-slub-forms fieldset.submit legend,
 .tx-slub-forms fieldset.intro legend,
 .tx-slub-forms fieldset.intro .field_title,

diff --git a/Resources/Public/Js/FormValidation.js b/Resources/Public/Js/FormValidation.js
@@ -6,7 +6,7 @@ jQuery(document).ready(function() {
 		showForm(formid);
 	}
 
-	$('.slub-form-tree .cats ul ul li').click(function() {
+	$('.slub-category-list ul ul li').click(function() {
 
 		$(this).find('input:radio').click(function() {
 			formid = $(this).val();