| | ~/GitHub/manageiq-ui-classic @ ovpn-121-134 (priley) | |
| | => NODE_ENV=development ./node_modules/.bin/webpack-dev-server --config config/webpack/development.js | |
| Project is running at http://0.0.0.0:8080/ | |
| webpack output is served from /packs/ | |
| Content not from webpack is served from /Users/priley/GitHub/manageiq/public/packs | |
| 404s will fallback to /index.html | |
| ts-loader: Using [email protected] and /Users/priley/GitHub/manageiq-ui-classic/tsconfig.json | |
| [BABEL] Note: The code generator has deoptimised the styling of "/Users/priley/GitHub/manageiq-ui-classic/node_modules/react-dom/cjs/react-dom.development.js" as it exceeds the max of "500KB". | |
| (node:4017) DeprecationWarning: Chunk.modules is deprecated. Use Chunk.getNumberOfModules/mapModules/forEachModule/containsModule instead. | |
| Hash: 6d6aa0681ca0d2ca61e9 |
| <table role="grid" class="pf-c-table pf-m-grid-md"> | |
| <thead class=""> | |
| <tr> | |
| <td data-key="0" class="pf-c-table__check"><input aria-label="Select all rows" name="check-all" type="checkbox"></td> | |
| <th scope="col" data-key="1" data="[object Object],[object Object],[object Object]" filters="[object Object]" class="pf-c-table__sort" aria-sort="none"> | |
| <button class="pf-c-button pf-m-plain"> | |
| Name | |
| <span class="pf-c-table__sort-indicator"> | |
| <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;"> | |
| <path d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z" tra |
| !(function(e, n) { | |
| if ('object' == typeof exports && 'object' == typeof module) module.exports = n(); | |
| else if ('function' == typeof define && define.amd) define([], n); | |
| else { | |
| var t = n(); | |
| for (var o in t) ('object' == typeof exports ? exports : e)[o] = t[o]; | |
| } | |
| })(typeof window !== 'undefined' && window, function() { | |
| return (function(e) { | |
| function n(o) { |
https://www.webcomponents.org/ https://www.polymer-project.org/
Best Practices: https://developers.google.com/web/fundamentals/web-components/
Styling within the Shadow Dom w/ CSS Properties: https://developers.google.com/web/fundamentals/web-components/shadowdom#stylefromoutside
| ``` | |
| <div class="panel panel--raised"> | |
| <div class="container"> | |
| <div class="dbl-margin-bottom row"> | |
| <div class="col-lg-4 col-md-4 col-12"> | |
| <div class="flex flex-middle"> | |
| <div class="form-group input--icon base-margin-top cui-w-100-on-xs"> | |
| <div class="form-group__text"> | |
| <input id="input-type-search" type="search" placeholder="Search"> | |
| <button type="button" class="link"><span class="icon-search"></span></button> |