Skip to content

Instantly share code, notes, and snippets.

View Matus-Stastny's full-sized avatar
🥝
JS Developer

Matúš Šťastný Matus-Stastny

🥝
JS Developer
  • Bratislava, Slovakia
View GitHub Profile
@Matus-Stastny
Matus-Stastny / hide-generated-graphql-files.js
Created October 2, 2020 10:27
Script used by Tampermonkey extension to hide autogenerated files in Gitlab's MR.
// ==UserScript==
// @name Gitlab hide .graphql.js/.ts diffs
// @version 0.1
// @author Matus
// @include https://gitlab.skypicker.com/*/*/-/merge_requests/*/diffs
// @grant none
// ==/UserScript==
function waitUntilLoaded(){
return new Promise((res, reject) => {

Keybase proof

I hereby claim:

  • I am matus-stastny on github.
  • I am happym (https://keybase.io/happym) on keybase.
  • I have a public key ASAM4UWvM4FsPNYgMQg5fvKfga72tsVLY76HtthSEXg73Qo

To claim this, I am signing this object:

@media (max-width: 500px) {
.container {
grid-template-columns: 1fr;
grid-template-rows: auto auto 1fr auto auto;
grid-template-areas:
'header'
'nav'
'content'
'side-bar'
'footer';
@media (max-width: 800px) {
.container {
grid-template-columns: minmax(auto, 200px) 1fr;
grid-template-rows: auto auto 1fr auto;
grid-template-areas:
"header header"
"nav nav"
"side-bar content"
"footer footer";
}
.container {
display: grid;
min-height: 100vh;
grid-template-columns: minmax(auto, 200px) 1fr minmax(auto, 200px);
grid-template-rows: minmax(auto, 50px) 1fr minmax(auto, 50px);
grid-template-areas:
'header header header'
'nav content side-bar'
'footer footer footer';
}
.container {
display: grid;
min-height: 100vh;
grid-template-columns: minmax(auto, 200px) 1fr minmax(auto, 200px);
grid-template-rows: minmax(auto, 50px) 1fr minmax(auto, 50px);
}
<div class="container">
<header>Header</header>
<nav>Navigation</nav>
<content>
<h3>Content</h3>
<p>
Cake brownie tart. Ice cream sugar plum cookie ice cream tart tart chupa chups. Soufflé soufflé candy canes macaroon. Candy
pudding danish pudding marshmallow. Tootsie roll toffee powder tiramisu cookie macaroon chocolate dragée.
</p>
</content>