Package elemental.css

Examples of elemental.css.CSSStyleDeclaration

74
75
76
77
78
79
80
81
82
83
84
85
86
87
    attachEvents();
  }
 
  private void setupClone() {
    clone.setClassName(element.getClassName());
    CSSStyleDeclaration style = clone.getStyle();
    style.setVisibility(CSSStyleDeclaration.Visibility.HIDDEN);
    style.setPosition(CSSStyleDeclaration.Position.ABSOLUTE);
    style.setOverflow(CSSStyleDeclaration.Overflow.AUTO);
    style.setLeft("-5000px");
    style.setTop("-5000px");
   
    clone.setRows(1);
  }
View Full Code Here
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
  private void updateWidthAndHeight(Element dropdownElement) {
    /*
     * The 'outline' is drawn to the left of and above where the absolute top
     * and left are, so account for them in the top and right.
     */
    CSSStyleDeclaration style = dropdownElement.getStyle();

    /*
     * This width will either be 0 if we're being positioned by the mouse or the width of our
     * anchor.
     */
    int widthOfAnchorOrZero = positioner.getMinimumWidth();

    // set the minimum width
    int dropdownViewMinWidth =
        widthOfAnchorOrZero - (2 * res.defaultSimpleListCss().menuListBorderPx());
    style.setProperty("min-width", dropdownViewMinWidth + "px");

    // sets the maximum width
    boolean useWidthOfAnchor = maxWidth == Builder.WIDTH_OF_ANCHOR && widthOfAnchorOrZero != 0;
    if (maxWidth != 0 && useWidthOfAnchor) {
      int curMaxWidth = useWidthOfAnchor ? widthOfAnchorOrZero : maxWidth;
      style.setProperty("max-width", curMaxWidth + "px");
    }

    if (maxHeight != 0) {
      style.setProperty("max-height", maxHeight + "px");
    }
  }
View Full Code Here
554
555
556
557
558
559
560
561
562
563
564
565
566
  /**
   * Sets an elements left and top to the provided values.
   */
  private void setElementLeftAndTop(double left, double top) {
    CSSStyleDeclaration style = element.getStyle();
    if (left != IGNORE) {
      style.setLeft(left, Unit.PX);
    }
    if (top != IGNORE) {
      style.setTop(top, Unit.PX);
    }
  }
View Full Code Here
568
569
570
571
572
573
574
575
576
577
578
579
580
581
  /**
   * Resets an element's position by removing top/right/bottom/left and setting position to
   * absolute.
   */
  private void resetElementPosition() {
    CSSStyleDeclaration style = element.getStyle();
    style.setPosition("absolute");
    style.clearTop();
    style.clearRight();
    style.clearBottom();
    style.clearLeft();

    elementPositioner.appendElementToContainer(element);
  }
View Full Code Here
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
    if (rectSum != 0) {
      return rect;
    }

    // We make an attempt to get an accurate measurement of the element
    CSSStyleDeclaration style = element.getStyle();
    String visibility = CssUtils.setAndSaveProperty(element, "visibility", "hidden");
    String display = style.getDisplay();

    // if display set to none we remove it and let its normal style show through
    if (style.getDisplay().equals("none")) {
      style.removeProperty("display");
    } else {
      // it's likely display: none in a css class so we just have to guess.
      // We guess display:block since that's common on containers.
      style.setDisplay("block");
    }
    rect = element.getBoundingClientRect();
    style.setDisplay(display);
    style.setVisibility(visibility);

    return rect;
  }
View Full Code Here
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
  /**
   * Refreshes the background image of the image button.
   */
  private void refresh() {
    CSSStyleDeclaration declaration = CssUtils.getComputedStyle(buttonElement);
    if (StringUtils.isNullOrEmpty(declaration.getPropertyValue("background"))) {
      // bail if we're not attached to the dom
      return;
    }

    buttonElement.getStyle().removeProperty("background");
    String currentBackgroundImage = declaration.getPropertyValue("background");
    buttonElement.getStyle().setProperty("background", ourTopLayer + "," + currentBackgroundImage);
  }
View Full Code Here
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
    positionController.updateElementPosition(x, y);
  }

  private void updateArrow(int x, int y) {
    Element arrow = getView().getArrow();
    CSSStyleDeclaration style = arrow.getStyle();

    HorizontalAlign alignment = positionController.getPositioner().getHorizontalAlignment();
    style.setLeft("auto");
    style.setRight("auto");
    if (alignment == HorizontalAlign.LEFT) {
      style.setLeft(-(x * 2), CSSStyleDeclaration.Unit.PX);
    } else {
      style.setRight((x * 2), CSSStyleDeclaration.Unit.PX);
    }
    style.setTop(-(y * 2), CSSStyleDeclaration.Unit.PX);
  }
View Full Code Here
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
  }
 
  private static Element createPopupDummyElement(int lineHeight) {
    Element element = Elements.createDivElement();

    CSSStyleDeclaration style = element.getStyle();
    style.setDisplay(CSSStyleDeclaration.Display.INLINE_BLOCK);
    style.setPosition(CSSStyleDeclaration.Position.ABSOLUTE);
    style.setWidth(0, CSSStyleDeclaration.Unit.PX);
    style.setHeight(lineHeight, CSSStyleDeclaration.Unit.PX);
    style.setZIndex(1);

    // We do this so that custom CSS class (provided by textCssClassName in the #showPopup)
    // with cursor:pointer should work correctly.
    style.setProperty("pointer-events", "none");

    return element;
  }
View Full Code Here
125
126
127
128
129
130
131
132
133
134
135
      /**
       * Show by fading+sliding in from the left.
       */
      void show(int startDelay, int duration) {
        CSSStyleDeclaration style = breadcrumb.getStyle();
        // TODO: extract constants
        style.setProperty("-webkit-transition-duration", duration + "ms");
        style.setProperty("-webkit-transition-delay", startDelay + "ms");
        breadcrumb.removeClassName(css.start());
      }
View Full Code Here
136
137
138
139
140
141
142
143
144
      /**
       * Hide by fading+sliding out to the left.
       */
      void hide(int startDelay) {
        CSSStyleDeclaration style = breadcrumb.getStyle();
        style.setProperty("-webkit-transition-delay", startDelay + "ms");
        getElement().addClassName(css.hide());
      }
View Full Code Here
TOP

Related Classes of elemental.css.CSSStyleDeclaration

  • com.google.collide.client.code.popup.EditorPopupController
  • com.google.collide.client.code.WorkspaceLocationBreadcrumbs$Breadcrumb$View
  • com.google.collide.client.editor.ElementManager
  • com.google.collide.client.ui.button.ImageButton2
  • com.google.collide.client.ui.dropdown.DropdownController
  • com.google.collide.client.ui.GrowableTextArea
  • com.google.collide.client.ui.menu.PositionController
  • com.google.collide.client.ui.tooltip.Coachmark
  • com.google.collide.client.util.AnimationController
  • com.google.collide.client.util.AnimationUtils
    • Copyright © 2018 www.massapicom. All rights reserved.
    All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.