[TASK] Add missing space between language flag and title language diff
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Less / TYPO3 / _element_tceforms.less
index 6dc1478..1729cfd 100644 (file)
@@ -2,25 +2,6 @@
 // TCEforms
 //
 
 // TCEforms
 //
 
-// Special handling of Tabs within FormEngine
-img.t3-TCEforms-reqImg {
-       display: block;
-       position: absolute;
-       left: 14px;
-       top: 28%;
-       z-index: 3000;
-       height: 16px;
-       margin-right: 2px;
-       width: 16px;
-}
-
-img.t3-TCEforms-reqTabImg {
-       height: 16px;
-       margin-left: 4px;
-       margin-bottom: -3px;
-       width: 16px;
-}
-
 .typo3-TCEforms {
        width: 100%;
 }
 .typo3-TCEforms {
        width: 100%;
 }
@@ -31,87 +12,6 @@ img.t3-TCEforms-reqTabImg {
 .typo3-TCEforms .typo3-csh-link {
        margin-left: 5px;
 }
 .typo3-TCEforms .typo3-csh-link {
        margin-left: 5px;
 }
-.t3-tceforms-fieldReadOnly {
-       background-color: #fefefe;
-       border: 1px solid #7c7c7c;
-       border-radius: 2px;
-       pointer-events: none;
-       cursor: default;
-       opacity: 0.5;
-       filter: ~"alpha(opacity=@50)";
-       box-shadow: none;
-       /** Lock icon in right corner */
-       padding: 3px 30px 3px 6px;
-       margin: 0 0.5em 0.5em 0;
-       position: relative;
-}
-
-//
-// TCEforms suggest
-//
-
-div.typo3-TCEforms-suggest label {
-       margin-right: 5px;
-}
-
-div.typo3-TCEforms-suggest-indicator {
-       left: 230px;
-       position: relative;
-       top: -18px;
-}
-
-div.typo3-TCEforms-suggest-choices {
-       background-color: white;
-       border: 1px solid #888;
-       position: absolute;
-       width: 250px;
-       z-index: 4000;
-
-       ul {
-               list-style-type: none;
-               margin: 0;
-               padding: 0;
-       }
-
-       li {
-               cursor: pointer;
-               background-color: #efeff4;
-               background-repeat: no-repeat;
-               background-position: 4px center;
-               list-style-type: none;
-               display: block;
-               margin: 0;
-               padding: 4px 2px 4px 24px;
-
-               &.selected {
-                       background-color: #ffb !important;
-               }
-
-               &.pages {
-                       background-color: #fcc;
-               }
-
-               &.suggest-noresults {
-                       height: auto;
-               }
-       }
-
-       span {
-               &.suggest-uid {
-                       margin-left: 0.3em;
-                       font-size: 0.9em;
-               }
-
-               &.suggest-path {
-                       font-size: 0.9em;
-                       margin-top: 0.3em;
-                       abbr {
-                               border-bottom: none;
-                       }
-               }
-       }
-}
-
 
 //
 // TCEforms Flexforms
 
 //
 // TCEforms Flexforms
@@ -126,43 +26,23 @@ div.typo3-TCEforms-suggest-choices {
 //
 // TCEforms Sections
 //
 //
 // TCEforms Sections
 //
-
-.t3-flex-section-header .t3-record-title {
-       font-weight: bold;
-}
-
 .t3-flex-section {
        clear: both;
        margin: 5px 0;
 }
 
 .t3-flex-section {
        clear: both;
        margin: 5px 0;
 }
 
-.t3-flex-section-header,
-.t3-form-field-container-flexsection {
-       padding-left: 20px;
-}
-
 .t3-form-field-header-flexsection {
        width: 100%;
        height: 16px;
 }
 
 .t3-form-field-header-flexsection {
        width: 100%;
        height: 16px;
 }
 
-.t3-form-field-label-flexsection {
-       border-top: 1px solid #cdcdcd;
-       padding: 5px 10px;
-}
-
-.t3-form-field-toggle-flexsection {
-       padding: 5px 0 5px 20px;
-}
-
 .t3-form-field-add-flexsection {
        border-top: 1px solid #cdcdcd;
 .t3-form-field-add-flexsection {
        border-top: 1px solid #cdcdcd;
-       padding: 10px 5px 5px 20px;
+       padding: 10px 5px 5px 0;
 }
 
 .t3-form-flex,
 .t3-form-field-container-flexsections {
 }
 
 .t3-form-flex,
 .t3-form-field-container-flexsections {
-       background: #dadada;
        margin: 5px 0;
        clear: both;
 }
        margin: 5px 0;
        clear: both;
 }
@@ -302,6 +182,10 @@ table.typo3-TCEforms-select-checkbox {
        padding: 2px;
 }
 
        padding: 2px;
 }
 
+.t3-form-original-language .icon {
+       margin-right: 5px;
+}
+
 // Default. Always used on main-palettes in the bottom of the forms
 
 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
 // Default. Always used on main-palettes in the bottom of the forms
 
 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
@@ -340,36 +224,32 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
     top: 4px;
 }
 
     top: 4px;
 }
 
-.t3-form-field-item {
-       position: relative;
-       border: 1px solid transparent;
-       padding: 0;
-}
-
 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
        display: inline-block;
 }
 
 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
        display: inline-block;
 }
 
-.t3-form-field-item.disabled {
-       border: 1px dotted #696362;
-}
-
-.t3-form-field-disable,
-.t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
+.t3-form-field-disable {
        display: none;
 }
        display: none;
 }
-.t3-form-field-item.disabled .t3-form-field-disable {
-       z-index: 8000;
-       background: #f4f4f4;
-       display: block;
-       position: absolute;
-       width: 100%;
-       height: 100%;
+.t3js-formengine-field-item.disabled {
+       position: relative;
+       .t3-form-field-disable {
+               z-index: 8000;
+               background: #fafafa;
+               display: block;
+               position: absolute;
+               width: 100%;
+               height: 100%;
 
 
-       opacity: 0.5;
-       filter: alpha(opacity=50);
+               opacity: 0.5;
+               filter: alpha(opacity=50);
+       }
+}
+// z-index must be higher as .t3-form-field-disable z-index
+// this is required for the eval=null field checkbox
+.t3-form-field-eval-null-checkbox {
+       z-index: 9000;
 }
 }
-
 .t3-form-palette-field-label {
        text-indent: 2px;
 }
 .t3-form-palette-field-label {
        text-indent: 2px;
 }
@@ -388,3 +268,10 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
 .t3-form-field-label.t3-form-field-state-changed {
        color: #004fb0;
 }
 .t3-form-field-label.t3-form-field-state-changed {
        color: #004fb0;
 }
+
+.table-icons {
+       td img {
+               max-width: 128px;
+               max-height: 128px;
+       }
+}