Removed wcfGrow() and .wcfDimensions
authorAlexander Ebert <ebert@woltlab.com>
Thu, 8 Mar 2012 14:06:33 +0000 (15:06 +0100)
committerAlexander Ebert <ebert@woltlab.com>
Thu, 8 Mar 2012 14:06:33 +0000 (15:06 +0100)
Closes #506

wcfsetup/install/files/acp/style/wcf.css
wcfsetup/install/files/acp/style/wcf.less
wcfsetup/install/files/js/WCF.js

index 7569ba6ca8d9d1c1fc3ef166f81c0381426336cc..0cd6db2650f7da6a2c2a125774e750b87f8ed867 100644 (file)
@@ -4539,15 +4539,6 @@ button[disabled] {
 
 /* ############## CSS Experiments (active) ############## */
 
-/* what is that? */
-/* Once we're determing the dimensions of an element (by JS) we move it into body and wrap it with
-   a container with class 'wcfDimensions' in order to calculate the precise dimensions. We could also
-   embed it directly in JS (using style-attribute) but I thought it was better this way. - Alex */
-.wcfDimensions {
-       display: inline-block;
-}
-
-
 
 
 
index dd39a4ac5a88572fcc98218962709f2a0b34d8f7..1c56c4a0242ee546496c35530ce05c0a561fd6e2 100644 (file)
@@ -4539,15 +4539,6 @@ button[disabled] {
 
 /* ############## CSS Experiments (active) ############## */
 
-/* what is that? */
-/* Once we're determing the dimensions of an element (by JS) we move it into body and wrap it with
-   a container with class 'wcfDimensions' in order to calculate the precise dimensions. We could also
-   embed it directly in JS (using style-attribute) but I thought it was better this way. - Alex */
-.wcfDimensions {
-       display: inline-block;
-}
-
-
 
 
 
index 6635565da47cc97117755aa17217880c54eb5e2b..80ff50c6c93735cc7874b72085356938d0cf2ab9 100644 (file)
@@ -270,59 +270,6 @@ $.fn.extend({
                return this.attr('id');
        },
        
-       /**
-        * CAUTION:     This method does not work properly, you should not rely
-        *              on it for now. It seems to work with the old jQuery UI-
-        *              based dialog, but no longer works with usual elements.
-        *              I will either try to fix it or remove it later, thus
-        *              this method will be deprecated for now.      -Alexander
-        * 
-        * Applies a grow-effect by resizing element while moving the element
-        * appropriately. Make sure the passed data.content element contains
-        * all elements which affect this indirectly, this includes outer
-        * containers which may apply an obstrusive padding.
-        * 
-        * @deprecated
-        * @param       object          data
-        * @param       object          options
-        * @return      jQuery
-        */
-       wcfGrow: function(data, options) {
-               var $content = $(data.content);
-               var $parent = (data.parent) ? $(data.parent) : $(this);
-               
-               // calculate dimensions
-               var $windowDimensions = $(window).getDimensions();
-               var $elementDimensions = $content.getDimensions('outer');
-               var $parentDimensions = $parent.getDimensions('outer');
-               var $parentInnerDimensions = $parent.getDimensions('inner');
-               var $parentDifference = {
-                       height: $parentDimensions.height - $parentInnerDimensions.height,
-                       width: $parentDimensions.width - $parentInnerDimensions.width
-               };
-
-               // calculate offsets
-               var $leftOffset = Math.round(($windowDimensions.width - ($elementDimensions.width + $parentDifference.width)) / 2);
-               var $topOffset = Math.round(($windowDimensions.height - ($elementDimensions.height + $parentDifference.height)) / 2);
-
-               // try to align vertically at 30% if previously calculated value is NOT lower
-               var $desiredTopOffset = Math.round(($windowDimensions / 100) * 30);
-               if ($desiredTopOffset < $topOffset) {
-                       $topOffset = $desiredTopOffset;
-               }
-               
-               $parent.makePositioned('fixed', false);
-               $parent.animate({
-                       left: $leftOffset + 'px',
-                       top: $topOffset + 'px'
-               }, options);
-               
-               return this.animate({
-                       height: $elementDimensions.height,
-                       width: $elementDimensions.width
-               }, options);
-       },
-       
        /**
         * Shows an element by sliding and fading it into viewport.
         *