Skip to content

Instantly share code, notes, and snippets.

@Refzlund
Created July 21, 2023 17:12
Show Gist options
  • Save Refzlund/f9b69791b480117ec9cb79867287a3fe to your computer and use it in GitHub Desktop.
Save Refzlund/f9b69791b480117ec9cb79867287a3fe to your computer and use it in GitHub Desktop.
Responsive desktop version for tabs.ultimate-guitar.com
:root {
--w: 95vw;
--h: 90vh;
}
section.P8ReX {
max-height: 80vh !important;
}
.BDmSP, .o2tA_ {
max-width: 100vw;
width: 100%;
}
.bOWkY {
max-width: 15px;
min-width: 15px;
width: 15px;
transition: .175s ease;
overflow: hidden;
background-color: rgb(17,17,17);
}
.bOWkY:hover {
max-width: 300px;
min-width: 300px;
width: 300px;
}
.fbcII {
margin: 0;
}
.P8ReX code pre {
display: flex;
flex-direction: column;
max-height: var(--h);
overflow: hidden;
flex-wrap: wrap;
}
.P8ReX code pre > span {
display: inline-block;
}
.P8ReX {
margin-bottom: 400px;
}
article.o2tA_.JJ8_m {
width: var(--w);
}
div.bOWkY {
z-index:99;
}
.Ctrll {
display: grid;
grid-template-columns: 15px 1fr;
}
div.fbcII.ryXzc {
min-width: var(--w);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment