Matt Zimmermann influxweb

## debug-scroll.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                influxweb
                / debug-scroll.md
            
            
              Created
              March 24, 2023 19:15
                — forked from cuth/debug-scroll.md
            
              
                Find the elements that are causing a horizontal scroll. Based on http://css-tricks.com/findingfixing-unintended-body-overflow/
              
          
    Debug Horizontal Scroll

(function (d) {
    var w = d.documentElement.offsetWidth,
        t = d.createTreeWalker(d.body, NodeFilter.SHOW_ELEMENT),
        b;
    while (t.nextNode()) {
        b = t.currentNode.getBoundingClientRect();
 if (b.right &gt; w || b.left &lt; 0) {

  
## miva--uri-add-delete-delete-all-xml-provisioning.xml
<!--
================================
<URI_Add />

Description:
	Adds a new URI to a page, category, product, or feed.

Rules:
	Requires `uri` attribute with a value starting with "/"
	For canonical URIs, add `canonical="yes"` attribute and ommit the `status` attribute.

## attributes.css
Seven different types of CSS attribute selectors

// This attribute exists on the element
[value]

// This attribute has a specific value of cool
[value='cool']

// This attribute value contains the word cool somewhere in it
[value*='cool']

## swipe.js
var swiper = {

    touchStartX: 0,
    touchEndX: 0,
    minSwipePixels: 30,
    detectionZone: undefined,
    swiperCallback: function() {},

    init: function (detectionZone, callback) {
        swiper.swiperCallback = callback

## _grid.scss
$screen-sizes: (
  xxl: 1920px,
  xl: 1440px,
  l: 1360px,
  ml: 1280px,
  m: 768px,
  s: 576px
);

$col-count: 24;

## css-variables.js
function testCSSVariables() {
 var color = 'rgb(255, 198, 0)';
 var el = document.createElement('span');

 el.style.setProperty('--color', color);
 el.style.setProperty('background', 'var(--color)');
 document.body.appendChild(el);

 var styles = getComputedStyle(el);
 var doesSupport = styles.backgroundColor === color;

## Dice.cs
/**
 * Dice
 *
 * @author C. Scott Asbach
 *
 * This module exposes static methods for rolling dice.
 */
using System;

namespace Dice

## tooltip.css
abbr
{
        border-bottom: 1px dotted #666;
	cursor: help;
}

.tooltip
{
	position:absolute;
	background-color:#eeeefe;

## loadScript.js
function loadScript(url, callback) {
	var head = document.getElementsByTagName('head')[0],
		scriptCalled = document.createElement('script');

	scriptCalled.async = true;
	scriptCalled.src = url;
	scriptCalled.onload = scriptCalled.onreadystatechange = function () {
		if (!scriptCalled.readyState || /loaded|complete/.test(scriptCalled.readyState)) {
			scriptCalled.onload = scriptCalled.onreadystatechange = null;

## loadPageSection.js
/**
 * Loads an HTML document from a URL and retuns an element selected using
 * the 'selector' parameter
 * 		Example usage:
 * 				loadPageSection('./myPage.html', '#container', (r, err) => console.log(r, err));
 *
 * @method loadPageSection
 * @param  {String} url
 * @param  {String} selector - A valid CSS selector
 * @param  {Function} callback - To be called with two parameters (response, error)
	Seven different types of CSS attribute selectors

	// This attribute exists on the element
	[value]

	// This attribute has a specific value of cool
	[value='cool']

	// This attribute value contains the word cool somewhere in it
	[value*='cool']
	var swiper = {

	touchStartX: 0,
	touchEndX: 0,
	minSwipePixels: 30,
	detectionZone: undefined,
	swiperCallback: function() {},

	init: function (detectionZone, callback) {
	swiper.swiperCallback = callback
	$screen-sizes: (
	xxl: 1920px,
	xl: 1440px,
	l: 1360px,
	ml: 1280px,
	m: 768px,
	s: 576px
	);

	$col-count: 24;
	function testCSSVariables() {
	var color = 'rgb(255, 198, 0)';
	var el = document.createElement('span');

	el.style.setProperty('--color', color);
	el.style.setProperty('background', 'var(--color)');
	document.body.appendChild(el);

	var styles = getComputedStyle(el);
	var doesSupport = styles.backgroundColor === color;
	/**
	* Dice
	*
	* @author C. Scott Asbach
	*
	* This module exposes static methods for rolling dice.
	*/
	using System;

	namespace Dice
	abbr
	{
	border-bottom: 1px dotted #666;
	cursor: help;
	}

	.tooltip
	{
	position:absolute;
	background-color:#eeeefe;
	function loadScript(url, callback) {
	var head = document.getElementsByTagName('head')[0],
	scriptCalled = document.createElement('script');

	scriptCalled.async = true;
	scriptCalled.src = url;
	scriptCalled.onload = scriptCalled.onreadystatechange = function () {
	if (!scriptCalled.readyState \|\| /loaded\|complete/.test(scriptCalled.readyState)) {
	scriptCalled.onload = scriptCalled.onreadystatechange = null;
	/**
	* Loads an HTML document from a URL and retuns an element selected using
	* the 'selector' parameter
	* Example usage:
	* loadPageSection('./myPage.html', '#container', (r, err) => console.log(r, err));
	*
	* @method loadPageSection
	* @param {String} url
	* @param {String} selector - A valid CSS selector
	* @param {Function} callback - To be called with two parameters (response, error)