Skip to content

Instantly share code, notes, and snippets.

@priley86
priley86 / flex-widths.txt
Last active November 21, 2019 21:44
flex sizing
```
<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>
@priley86
priley86 / devtool-hook.js
Created March 29, 2019 15:14
devtool-hook.js ssr modification
!(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) {
@priley86
priley86 / gist:e69817fca591eb892dcf1a775bc9645b
Created March 7, 2019 15:03
current html - OpenShift P.O.C. table
<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
@priley86
priley86 / error
Created March 7, 2018 16:02
new error with babel settings sync'd
| ~/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
@priley86
priley86 / setup
Created March 7, 2018 16:00
current babel setup
{
"presets": [
[
"env",
{
"targets": {
"browsers": [
"> 1%",
"last 2 versions",
"Firefox ESR",
@priley86
priley86 / .babelrc
Created March 7, 2018 15:47
babelrc
{
"presets": [
[
"env",
{
"modules": false,
"targets": {
"browsers": [
"> 1%",
"last 2 versions",
@priley86
priley86 / get-started-with-react.md
Last active May 24, 2019 04:13
Getting Start w/ React by Patrick Riley
raise "Ruby versions less than 2.3.1 are unsupported!" if RUBY_VERSION < "2.3.1"
source 'https://rubygems.org'
#
# VMDB specific gems
#
gem "manageiq-gems-pending", ">0", :require => 'manageiq-gems-pending', :git => "https://github.com/ManageIQ/manageiq-gems-pending.git", :branch => "master"
# Modified gems for gems-pending. Setting sources here since they are git references
@priley86
priley86 / symlinks
Created January 25, 2018 21:26
symlinks