Commit db17ca1c authored by David Hrbáč's avatar David Hrbáč
Browse files

Do not blur it4i menu

parent 52db6acf
......@@ -10,7 +10,7 @@
content: "help";
}
.md-nav__link_it4i {
.md-nav__it4i_link {
display: block;
margin-top: 0.625em;
transition: color 0.125s;
......@@ -35,7 +35,7 @@ a[href*="//"]:not( [href*='gitlab.it4i.cz'] ):not( [href*='code.it4i.cz'] ):not(
}
/* */
.md-nav__link_it4i:after {
.md-nav__it4i_link:after {
font-family: Material Icons;
font-style: normal;
font-variant: normal;
......@@ -48,59 +48,59 @@ a[href*="//"]:not( [href*='gitlab.it4i.cz'] ):not( [href*='code.it4i.cz'] ):not(
direction: ltr
}
.md-nav__item--nested>.md-nav__link_it4i:after {
.md-nav__item--nested>.md-nav__it4i_link:after {
content: "keyboard_arrow_down"
}
html .md-nav__link_it4i[for=toc],html .md-nav__link_it4i[for=toc]+.md-nav__link_it4i:after,html .md-nav__link_it4i[for=toc]~.md-nav {
html .md-nav__it4i_link[for=toc],html .md-nav__it4i_link[for=toc]+.md-nav__it4i_link:after,html .md-nav__it4i_link[for=toc]~.md-nav {
display: none
}
.md-nav__link_it4i[data-md-state=blur] {
.md-nav__it4i_link[data-md-state=blur] {
color: rgba(0,0,0,.54)
}
.md-nav__link_it4i--active,.md-nav__link_it4i:active {
.md-nav__it4i_link--active,.md-nav__it4i_link:active {
color: #3f51b5
}
.md-nav__link_it4i:focus,.md-nav__link_it4i:hover {
.md-nav__it4i_link:focus,.md-nav__it4i_link:hover {
color: #536dfe
}
@media only screen and (max-width: 59.9375em) {
html .md-nav__link_it4i[for=toc] {
html .md-nav__it4i_link[for=toc] {
display: block;
padding-right: 4.8rem
}
html .md-nav__link_it4i[for=toc]:after {
html .md-nav__it4i_link[for=toc]:after {
color: inherit;
content: "toc"
}
html .md-nav__link_it4i[for=toc]+.md-nav__link_it4i {
html .md-nav__it4i_link[for=toc]+.md-nav__it4i_link {
display: none
}
html .md-nav__link_it4i[for=toc]~.md-nav {
html .md-nav__it4i_link[for=toc]~.md-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.md-nav--primary .md-nav__item--nested>.md-nav__link_it4i {
.md-nav--primary .md-nav__item--nested>.md-nav__it4i_link {
padding-right: 4.8rem
}
.md-nav--primary .md-nav__item--nested>.md-nav__link_it4i:after {
.md-nav--primary .md-nav__item--nested>.md-nav__it4i_link:after {
content: "keyboard_arrow_right"
}
.md-nav--primary .md-nav__link_it4i {
.md-nav--primary .md-nav__it4i_link {
position: relative;
padding: 1.6rem
}
.md-nav--primary .md-nav__link_it4i:after {
.md-nav--primary .md-nav__it4i_link:after {
position: absolute;
top: 50%;
right: 1.2rem;
......@@ -109,28 +109,28 @@ html .md-nav__link_it4i[for=toc],html .md-nav__link_it4i[for=toc]+.md-nav__link_
font-size: 2.4rem
}
.md-nav--primary .md-nav__link_it4i:focus:after,.md-nav--primary .md-nav__link_it4i:hover:after {
.md-nav--primary .md-nav__it4i_link:focus:after,.md-nav--primary .md-nav__it4i_link:hover:after {
color: inherit
}
.md-nav--primary .md-nav--secondary .md-nav .md-nav__link_it4i {
.md-nav--primary .md-nav--secondary .md-nav .md-nav__it4i_link {
padding-left: 2.8rem
}
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link_it4i {
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__it4i_link {
padding-left: 4rem
}
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link_it4i {
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__it4i_link {
padding-left: 5.2rem
}
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link_it4i {
.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__it4i_link {
padding-left: 6.4rem
}
}
@media only screen and (min-width: 76.25em) {
.md-nav__item--nested>.md-nav__link_it4i:after {
.md-nav__item--nested>.md-nav__it4i_link:after {
display: inline-block;
-webkit-transform-origin: .45em .45em;
transform-origin: .45em .45em;
......@@ -139,14 +139,14 @@ html .md-nav__link_it4i[for=toc],html .md-nav__link_it4i[for=toc]+.md-nav__link_
vertical-align: -.125em
}
.js .md-nav__item--nested>.md-nav__link_it4i:after {
.js .md-nav__item--nested>.md-nav__it4i_link:after {
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s,-webkit-transform .4s
}
.md-nav__item--nested .md-nav__toggle:checked~.md-nav__link_it4i:after {
.md-nav__item--nested .md-nav__toggle:checked~.md-nav__it4i_link:after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
......
......@@ -11,21 +11,21 @@
<label class="md-nav__title" for="__toc">{{ lang.t("toc.title") }}</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="{{ it4i_link }}" title="Edit This Page" class="md-nav__link_it4i" target="_blank">
<a href="{{ it4i_link }}" title="Edit This Page" class="md-nav__it4i_link" target="_blank">
<i class="md-icon md-icon--edit">
</i>
Edit This Page
</a>
</li>
<li class="md-nav__item">
<a href="https://code.it4i.cz/sccs/docs.it4i.cz/issues/new?issue%5Bdescription%5D=Requested change in page [{{ it4i_page }}]({{ it4i_url }}) /cc @hrb33 @kru0052" title="Request Change" class="md-nav__link_it4i" target="_blank">
<a href="https://code.it4i.cz/sccs/docs.it4i.cz/issues/new?issue%5Bdescription%5D=Requested change in page [{{ it4i_page }}]({{ it4i_url }}) /cc @hrb33 @kru0052" title="Request Change" class="md-nav__it4i_link" target="_blank">
<i class="md-icon md-icon--check">
</i>
Request Change
</a>
</li>
<li class="md-nav__item">
<a href="https://support.it4i.cz/rt" title="Get Support" class="md-nav__link_it4i" target="_blank">
<a href="https://support.it4i.cz/rt" title="Get Support" class="md-nav__it4i_link" target="_blank">
<i class="md-icon md-icon--help">
</i>
Get Support
......
......@@ -208,9 +208,6 @@ nav:
extra:
repo_icon: gitlab
i18n:
prev: 'Previous'
next: 'Next'
social:
- type: 'gitlab'
link: 'https://code.it4i.cz/sccs/docs.it4i.cz'
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment