| css-compatibility-tooltip-helper.js |
Attach the UnsupportedBrowserList component to the
".compatibility-browser-list-wrapper" div to render the
unsupported browser list
|
9651 |
| css-query-container-tooltip-helper.js |
Fill the tooltip with container information.
|
4880 |
| css-selector-warnings-tooltip-helper.js |
Fill the tooltip with selector warnings.
|
1958 |
| EventTooltipHelper.js |
Set the content of a provided HTMLTooltip instance to display a list of event
listeners, with their event type, capturing argument and a link to the code
of the event handler.
@param {HTMLTooltip} tooltip
The tooltip instance on which the event details content should be set
@param {Array} eventListenerInfos
A list of event listeners
@param {Toolbox} toolbox
Toolbox used to select debugger panel
@param {NodeFront} nodeFront
The nodeFront we're displaying event listeners for.
|
13853 |
| HTMLTooltip.js |
Calculate the vertical position & offsets to use for the tooltip. Will attempt to
respect the provided height and position preferences, unless the available height
prevents this.
@param {DOMRect} anchorRect
Bounding rectangle for the anchor, relative to the tooltip document.
@param {DOMRect} viewportRect
Bounding rectangle for the viewport. top/left can be different from 0 if some
space should not be used by tooltips (for instance OS toolbars, taskbars etc.).
@param {Number} height
Preferred height for the tooltip.
@param {String} pos
Preferred position for the tooltip. Possible values: "top" or "bottom".
@param {Number} offset
Offset between the top of the anchor and the tooltip.
@return {Object}
- {Number} top: the top offset for the tooltip.
- {Number} height: the height to use for the tooltip container.
- {String} computedPosition: Can differ from the preferred position depending
on the available height). "top" or "bottom"
|
36005 |
| ImageTooltipHelper.js |
Image preview tooltips should be provided with the naturalHeight and
naturalWidth value for the image to display. This helper loads the provided
image URL in an image object in order to retrieve the image dimensions after
the load.
@param {Document} doc the document element to use to create the image object
@param {String} imageUrl the url of the image to measure
@return {Promise} returns a promise that will resolve after the iamge load:
- {Number} naturalWidth natural width of the loaded image
- {Number} naturalHeight natural height of the loaded image
|
5415 |
| inactive-css-tooltip-helper.js |
Fill the tooltip with inactive CSS information.
@param {String} propertyName
The property name to be displayed in bold.
@param {String} text
The main text, which follows property name.
|
4279 |
| moz.build |
|
825 |
| RulePreviewTooltip.js |
Tooltip displayed for when a CSS property is selected/highlighted.
TODO: For now, the tooltip content only shows "No Associated Rule". In Bug 1528288,
we will be implementing content for showing the source CSS rule.
|
2112 |
| SwatchBasedEditorTooltip.js |
Base class for all (color, gradient, ...)-swatch based value editors inside
tooltips
@param {Document} document
The document to attach the SwatchBasedEditorTooltip. This should be the
toolbox document
|
7359 |
| SwatchColorPickerTooltip.js |
The swatch color picker tooltip class is a specific class meant to be used
along with output-parser's generated color swatches.
It extends the parent SwatchBasedEditorTooltip class.
It just wraps a standard Tooltip and sets its content with an instance of a
color picker.
The activeSwatch element expected by the tooltip must follow some guidelines
to be compatible with this feature:
- the background-color of the activeSwatch should be set to the current
color, it will be updated when the color is changed via the color-picker.
- the `data-color` attribute should be set either on the activeSwatch or on
a parent node, and should also contain the current color.
- finally if the color value should be displayed next to the swatch as text,
the activeSwatch should have a nextSibling. Note that this sibling may
contain more than just text initially, but it will be updated after a color
change and will only contain the text.
An example of valid markup (with data-color on a parent and a nextSibling):
<span data-color="#FFF"> <!-- activeSwatch.closest("[data-color]") -->
<span
style="background-color: rgb(255, 255, 255);"
></span> <!-- activeSwatch -->
<span>#FFF</span> <!-- activeSwatch.nextSibling -->
</span>
Another example with everything on the activeSwatch itself:
<span> <!-- container, to illustrate that the swatch has no sibling here. -->
<span
data-color="#FFF"
style="background-color: rgb(255, 255, 255);"
></span> <!-- activeSwatch & activeSwatch.closest("[data-color]") -->
</span>
@param {Document} document
The document to attach the SwatchColorPickerTooltip. This is either the toolbox
document if the tooltip is a popup tooltip or the panel's document if it is an
inline editor.
@param {InspectorPanel} inspector
The inspector panel, needed for the eyedropper.
|
11948 |
| SwatchCubicBezierTooltip.js |
The swatch cubic-bezier tooltip class is a specific class meant to be used
along with rule-view's generated cubic-bezier swatches.
It extends the parent SwatchBasedEditorTooltip class.
It just wraps a standard Tooltip and sets its content with an instance of a
CubicBezierWidget.
@param {Document} document
The document to attach the SwatchCubicBezierTooltip. This is either the toolbox
document if the tooltip is a popup tooltip or the panel's document if it is an
inline editor.
|
3024 |
| SwatchFilterTooltip.js |
The swatch-based css filter tooltip class is a specific class meant to be
used along with rule-view's generated css filter swatches.
It extends the parent SwatchBasedEditorTooltip class.
It just wraps a standard Tooltip and sets its content with an instance of a
CSSFilterEditorWidget.
@param {Document} document
The document to attach the SwatchFilterTooltip. This is either the toolbox
document if the tooltip is a popup tooltip or the panel's document if it is an
inline editor.
|
3685 |
| SwatchLinearEasingFunctionTooltip.js |
The swatch linear-easing-function tooltip class is a specific class meant to be used
along with rule-view's generated linear-easing-function swatches.
It extends the parent SwatchBasedEditorTooltip class.
It just wraps a standard Tooltip and sets its content with an instance of a
LinearEasingFunctionWidget.
@param {Document} document
The document to attach the SwatchLinearEasingFunctionTooltip. This is either the toolbox
document if the tooltip is a popup tooltip or the panel's document if it is an
inline editor.
|
3198 |
| TooltipToggle.js |
Tooltip helper designed to show/hide the tooltip when the mouse hovers over
particular nodes.
This works by tracking mouse movements on a base container node (baseNode)
and showing the tooltip when the mouse stops moving. A callback can be
provided to the start() method to know whether or not the node being
hovered over should indeed receive the tooltip.
|
6443 |
| VariableTooltipHelper.js |
Set the tooltip content of a provided HTMLTooltip instance to display a
variable preview matching the provided text.
@param {HTMLTooltip} tooltip
The tooltip instance on which the text preview content should be set.
@param {Document} doc
A document element to create the HTML elements needed for the tooltip.
@param {Object} params
@param {String} params.computed
The computed value for the variable.
@param {Object} params.outputParserOptions
Options to pass to the OutputParser. At the moment, this is the same object that
we use in the Rules view, so we have the same output in the variable tooltip
than in the Rules view.
@param {Object} params.registeredProperty
Contains the registered property data, if the variable was registered (@property or CSS.registerProperty)
@param {String} params.registeredProperty.syntax
The registered property `syntax` value
@param {Boolean} params.registeredProperty.inherits
The registered property `inherits` value
@param {String} params.registeredProperty.initialValue
The registered property `initial-value`
@param {String} params.startingStyle
The text for @starting-style value (e.g. `red`)
@param {String} params.topSectionText
Text to display in the top section of tooltip (e.g. "blue" or "--x is not defined").
@param {String} params.variableName
The name of the variable we're showing the tooltip for
|
6973 |