Skip to content

Commit

Permalink
emacs-tree-sitter: Fix sidebar flickering
Browse files Browse the repository at this point in the history
  • Loading branch information
ubolonton committed Oct 13, 2020
1 parent 6812172 commit 5f362bf
Showing 1 changed file with 149 additions and 144 deletions.
293 changes: 149 additions & 144 deletions css/xxx.css
Original file line number Diff line number Diff line change
Expand Up @@ -41,147 +41,152 @@
/* border: 1px solid #DDD; */
/* border-radius: 4px; */
/* /\* background-color: rgba(27,31,35,.05); *\/ */
/* background-color: #EEE; */
/* } */

/* Fix wrong vertical alignment of inline code (was `bottom`). */
#body-inner code {
vertical-align: baseline;
}

/* Italicized inline code. */
em > code {
background-color: inherit;
border: none;
}

/* -------------------------------------------------------------------------- */
/* Headings. */

h1, h2 {
/* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
/* font-weight: bold; */
text-transform: none;
}

h1 {
font-weight: bold;
}

h2 {
font-size: 2rem;
margin-top: 2rem;
margin-bottom: 1rem;
}

/* -------------------------------------------------------------------------- */
/* Make code highlighting work. */

/* https://discourse.gohugo.io/t/solved-syntax-highlighting-changed-with-hugo-0-29-from-0-27/8678 */
/* https://github.com/alecthomas/chroma/issues/41 */
/* We don't modify syntax.css because we want to treat that entire file as machine-generated. */

.chroma code {
color: inherit;
background-color: inherit;
}

.chroma {
color: #777;
background-color: #EEE;
border: 1px solid #DDD;
box-shadow: 2px 2px 2px #EEE;
}

/* -------------------------------------------------------------------------- */
/* Make top bar sticky. */
/* TODO: Make it sticky only when it's needed to toggle the sidebar. */

#body > .padding {
overflow: visible;
}

#top-bar {
position: sticky;
top: 0;
z-index: 9999;
}

/* -------------------------------------------------------------------------- */
/* Hide copy-to-clipboard button, except for code blocks. */

code + .copy-to-clipboard {
display: none;
}

.chroma .copy-to-clipboard {
display: inline;
}

/* -------------------------------------------------------------------------- */
/* Smaller navigation sidebars. */

#body > .padding {
padding-left: 2rem;
padding-right: 2rem;
}

#navigation .nav {
width: 2rem;
}

#navigation .nav > i.fa {
font-size: 28px;
}

/* -------------------------------------------------------------------------- */
/* Menu sidebar. */

#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
background: inherit;
}

/* #sidebar ul.topics > li.parent li { */
/* background: green; */
/* } */

/* #sidebar ul.topics > li.parent.active li { */
/* background: inherit; */
/* } */

#sidebar ul > li {
text-indent: 0.15rem;
}

/* #sidebar ul > li > a { */
/* width: 100%; */
/* } */

#sidebar ul > li.active > a {
/* background-color: #fdf6e3 !important; */
background-color: white !important;
color: black !important;
}

#sidebar li.alwaysopen i.fa {
display: none;
}

#sidebar ul.topics ul {
padding-bottom: 0;
}

/* -------------------------------------------------------------------------- */
/* XXX: Either docdock's styling is bad, or ox-hugo's rendering of shortcodes is broken. */

div.notices {
padding-bottom: 1px;
padding-left: 1.1rem;
padding-right: 1.1rem;
}

div.notices p {
padding: 0;
margin-top: 0.6rem;
margin-bottom: 0.6rem;
}
/* background-color: #EEE; */
/* } */

/* Fix wrong vertical alignment of inline code (was `bottom`). */
#body-inner code {
vertical-align: baseline;
}

/* Italicized inline code. */
em > code {
background-color: inherit;
border: none;
}

/* -------------------------------------------------------------------------- */
/* Headings. */

h1, h2 {
/* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
/* font-weight: bold; */
text-transform: none;
}

h1 {
font-weight: bold;
}

h2 {
font-size: 2rem;
margin-top: 2rem;
margin-bottom: 1rem;
}

/* -------------------------------------------------------------------------- */
/* Make code highlighting work. */

/* https://discourse.gohugo.io/t/solved-syntax-highlighting-changed-with-hugo-0-29-from-0-27/8678 */
/* https://github.com/alecthomas/chroma/issues/41 */
/* We don't modify syntax.css because we want to treat that entire file as machine-generated. */

.chroma code {
color: inherit;
background-color: inherit;
}

.chroma {
color: #777;
background-color: #EEE;
border: 1px solid #DDD;
box-shadow: 2px 2px 2px #EEE;
}

/* -------------------------------------------------------------------------- */
/* Make top bar sticky. */
/* TODO: Make it sticky only when it's needed to toggle the sidebar. */

#body > .padding {
overflow: visible;
}

#top-bar {
position: sticky;
top: 0;
z-index: 9999;
}

/* -------------------------------------------------------------------------- */
/* Hide copy-to-clipboard button, except for code blocks. */

code + .copy-to-clipboard {
display: none;
}

.chroma .copy-to-clipboard {
display: inline;
}

/* -------------------------------------------------------------------------- */
/* Smaller navigation sidebars. */

#body > .padding {
padding-left: 2rem;
padding-right: 2rem;
}

#navigation .nav {
width: 2rem;
}

#navigation .nav > i.fa {
font-size: 28px;
}

/* -------------------------------------------------------------------------- */
/* Menu sidebar. */

#sidebar ul.topics > li.parent,
#sidebar ul.topics > li.active {
background: inherit;
}

#sidebar ul li li {
border-left: 1px solid transparent;
}

/* #sidebar ul.topics > li.parent li { */
/* background: green; */
/* } */

/* #sidebar ul.topics > li.parent.active li { */
/* background: inherit; */
/* } */

#sidebar ul > li {
text-indent: 0.15rem;
}

/* #sidebar ul > li > a { */
/* width: 100%; */
/* } */

#sidebar ul > li.active > a {
/* background-color: #fdf6e3 !important; */
background-color: white !important;
color: black !important;
}

#sidebar li.alwaysopen i.fa {
display: none;
}

#sidebar ul.topics ul {
padding-bottom: 0;
}

/* -------------------------------------------------------------------------- */
/* XXX: Either docdock's styling is bad, or ox-hugo's rendering of shortcodes is broken. */

div.notices {
padding-bottom: 1px;
padding-left: 1.1rem;
padding-right: 1.1rem;
}

div.notices p {
padding: 0;
margin-top: 0.6rem;
margin-bottom: 0.6rem;
}

0 comments on commit 5f362bf

Please sign in to comment.