Difference between revisions of "Widget:DevGuidelines"

From LINKS Community Center
Jump to: navigation, search
Line 374: Line 374:
 
             });
 
             });
  
 +
              // Close filter pane when clicked outside of it.
 +
            document.body.addEventListener('click', event => {
 +
                const filterPane = document.getElementById('gl-filters');
 +
                if (
 +
                    filterPane.classList.contains('open') &&
 +
                    !filterPane.contains(event.target) &&
 +
                    event.target !== document.querySelector('#filter-bar .large-button')
 +
                ) { filterPane.classList.remove('open'); }
 +
            }, { passive: true });
 
         });
 
         });
 +
  
  
Line 396: Line 406:
 
         }
 
         }
 
     </script>
 
     </script>
 +
  <!-- Icon definitons -->
 +
  <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" style="display:none;">
 +
    <defs>
 +
        <symbol id="chevron-down" viewBox="0 0 96 96">
 +
            <clipPath id="chev">
 +
                <path d="M592 312h96v96h-96z" />
 +
            </clipPath>
 +
            <g clip-path="url(#chev)" transform="translate(-592 -312)">
 +
                <path d="m640 370.586-25.293-25.293-1.414 1.414L640 373.414l26.707-26.707-1.414-1.414L640 370.586Z" />
 +
            </g>
 +
        </symbol>
 +
    </defs>
 +
</svg>
 +
 +
 
     <div id="guideline-list-wrapper">
 
     <div id="guideline-list-wrapper">
 
         <h1>
 
         <h1>

Revision as of 17:05, 22 November 2022

Development version of the List of Guidelines.
Not ready for production!