OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added visual indicator to active navigation expander icon

Browse Source
This commit is contained in:
squidfunk 2021-12-19 14:41:39 +01:00
parent a3590cb930
commit 634f863a69
6 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
material/assets/stylesheets/main.33436915.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.33436915.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

9
material/assets/stylesheets/main.edf004c2.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.edf004c2.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -34,7 +34,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.edf004c2.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.33436915.min.css' | url }}">
{% if config.theme.palette %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.e6a45f82.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.e6a45f82.min.css' | url }}">

10
src/assets/stylesheets/main/layout/_nav.scss
View File

@ -526,7 +526,10 @@
float: right; float: right;
width: px2rem(18px); width: px2rem(18px);
height: px2rem(18px); height: px2rem(18px);
transition: transform 250ms; border-radius: 100%;
transition:
background-color 250ms,
transform 250ms;
// Adjust for right-to-left languages // Adjust for right-to-left languages
[dir="rtl"] & { [dir="rtl"] & {
@ -534,6 +537,11 @@
transform: rotate(180deg); transform: rotate(180deg);
} }
// Navigation icon on hover
&:hover {
background-color: var(--md-accent-fg-color--transparent);
}
// Navigation icon content // Navigation icon content
&::after { &::after {
display: inline-block; display: inline-block;