Ivan Babak sompylasar
sompylasar
/ ZIndexManager.js
Last active
February 28, 2018 23:44
ZIndexManager – Stores and manages z-indexes in a stacking order. ZIndexManagerProvider – provides ZIndexManager functions via React context. Refs: https://hackernoon.com/my-approach-to-using-z-index-eca67feb079c
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * ZIndexManager | |
| * | |
| * Stores and manages z-indexes in a stacking order. | |
| */ | |
| export default class ZIndexManager { | |
| constructor(onChange) { | |
| this._zIndexMin = 99; | |
| this._zIndexes = {}; | |
| this._zIndexMax = this._zIndexMin; |
sompylasar
/ Cypress.Commands.getVisuallyBelow.js
Created
April 6, 2018 00:13
Cypress custom command that finds a visible element rendered visually below the previous subject. Using it to find inputs below labels that miss accessible identifiers. https://twitter.com/sompylasar/status/982027453764792320
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // `queries.matches` is this function: https://github.com/kentcdodds/testing-workshop/blob/888201516879d067adddc6b6dd3c76394f0b2bee/cypress/support/queries.js#L74-L82 | |
| Cypress.Commands.add('getVisuallyBelow', { prevSubject: 'element' }, (subject, matcher) => { | |
| const domNode = subject.get(0); | |
| const log = Cypress.log({ | |
| name: 'GET_VISUALLY_BELOW', | |
| message: '' + ( | |
| String( | |
| domNode.nodeName + |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/usr/bin/env node | |
| /* eslint-disable strict, no-console, prefer-arrow-callback, prefer-spread */ | |
| 'use strict'; | |
| const glob = require('glob'); | |
| const leasot = require('leasot'); // eslint-disable-line import/no-extraneous-dependencies | |
| const path = require('path'); | |
| const fs = require('fs'); | |
| const gitAdd = require('../_binUtils').gitAdd; |
sompylasar
/ react-devtools_bvaughn_ca41e64acb4f00c793ba558c045bbdb38f64e960_ui_tweaks.patch
Created
August 9, 2018 04:12
React DevTools UI tweaks on top of https://github.com/bvaughn/react-devtools/tree/issues/1079 (ca41e64acb4f00c793ba558c045bbdb38f64e960) – https://twitter.com/sompylasar/status/1027030883818074112 https://twitter.com/sompylasar/status/1027032047599026177
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| diff --git a/frontend/DataView/DataView.js b/frontend/DataView/DataView.js | |
| index 1a7fd1a..ba35cc4 100644 | |
| --- a/frontend/DataView/DataView.js | |
| +++ b/frontend/DataView/DataView.js | |
| @@ -32,6 +32,7 @@ type DataViewProps = { | |
| startOpen?: boolean, | |
| noSort?: boolean, | |
| readOnly?: boolean, | |
| + themeKind?: 'props' | 'state', | |
| }; |
sompylasar
/ sourcetree-git-up.sh
Created
August 22, 2018 04:17
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| set -eu | |
| REPO_PATH=$1 | |
| if [[ ! -d "${REPO_PATH}" ]]; then | |
| exit -1 | |
| fi |
sompylasar
/ sourcetree-open-github-commit-url.sh
Created
August 22, 2018 04:18
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| set -eu | |
| REPO_PATH=$1 | |
| SHA=$2 | |
| if [[ ! -d "${REPO_PATH}" ]]; then | |
| exit -1 | |
| fi |
sompylasar
/ styles.less
Last active
October 18, 2018 18:30
Atom 1.30: Adapt tree view and editor font size for large monitors (like the 27" ones). NOTE: This overrides the built-in editor text zoom feature (Cmd + / Cmd - / Cmd 0).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Adapt tree view and editor font size for large monitors (like the 27" ones). | |
| @media (min-width: 1800px) { | |
| // Root font size | |
| body { | |
| font-size: 18px; | |
| } | |
| // Editor font size is specified separately | |
| atom-workspace { | |
| // NOTE: This overrides the built-in editor text zoom feature (Cmd + / Cmd - / Cmd 0). |
sompylasar
/ gmail-2018.css
Last active
September 27, 2018 22:21
Tweaks to the GMail look&feel (apply via Stylebot Chrome extension)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hx .ii, | |
| div.G3.G2.afm { | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| div.T-I.J-J5-Ji.T-I-KE.L3 { | |
| height: 30px; | |
| margin: 0; | |
| padding: 0 16px; | |
| text-align: center; | |
| justify-content: center; |
sompylasar
/ github-ux-distinct-referenced-commits.css
Created
October 12, 2018 22:16
GitHub UX: Distinct referenced commits style. [BEFORE](https://user-images.githubusercontent.com/498274/46896325-533c9a00-ce31-11e8-948d-c9be7a479cf7.png) [BEFORE WITH EXPLANATION](https://user-images.githubusercontent.com/498274/46896331-58014e00-ce31-11e8-9571-b59762f33a9b.png) [AFTER](https://user-images.githubusercontent.com/498274/46896352-…
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .discussion-item-header[id^=ref-] .discussion-item-icon { | |
| background-color: #6db2ff; | |
| color: #ffffff; | |
| } | |
| .discussion-item-header[id^=ref-]::before { | |
| content: ''; | |
| position: absolute; | |
| display: block; | |
| z-index: -1; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "arrowParens": "always", | |
| "singleQuote": true, | |
| "trailingComma": "all", | |
| "bracketSpacing": true, | |
| "semi": true, | |
| "useTabs": false, | |
| "jsxBracketSameLine": false, | |
| "printWidth": 120 | |
| } |