BREAKING CHANGE: rename icons `gdoc_keyborad_arrow_*` to `gdoc_keyboard_arrow_*` (#299)
|
@ -60,11 +60,11 @@
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
{{ if $doCollapse }}
|
{{ if $doCollapse }}
|
||||||
<svg class="icon toggle gdoc_keyborad_arrow_left">
|
<svg class="icon toggle gdoc_keyboard_arrow_left">
|
||||||
<use xlink:href="#gdoc_keyborad_arrow_left"></use>
|
<use xlink:href="#gdoc_keyboard_arrow_left"></use>
|
||||||
</svg>
|
</svg>
|
||||||
<svg class="icon toggle gdoc_keyborad_arrow_down hidden">
|
<svg class="icon toggle gdoc_keyboard_arrow_down hidden">
|
||||||
<use xlink:href="#gdoc_keyborad_arrow_down"></use>
|
<use xlink:href="#gdoc_keyboard_arrow_down"></use>
|
||||||
</svg>
|
</svg>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</label>
|
</label>
|
||||||
|
|
|
@ -77,11 +77,11 @@
|
||||||
<span class="flex">{{ partial "title" . }}</span>
|
<span class="flex">{{ partial "title" . }}</span>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if $doCollapse }}
|
{{ if $doCollapse }}
|
||||||
<svg class="icon toggle gdoc_keyborad_arrow_left">
|
<svg class="icon toggle gdoc_keyboard_arrow_left">
|
||||||
<use xlink:href="#gdoc_keyborad_arrow_left"></use>
|
<use xlink:href="#gdoc_keyboard_arrow_left"></use>
|
||||||
</svg>
|
</svg>
|
||||||
<svg class="icon toggle gdoc_keyborad_arrow_down">
|
<svg class="icon toggle gdoc_keyboard_arrow_down">
|
||||||
<use xlink:href="#gdoc_keyborad_arrow_down"></use>
|
<use xlink:href="#gdoc_keyboard_arrow_down"></use>
|
||||||
</svg>
|
</svg>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</label>
|
</label>
|
||||||
|
|
|
@ -23,8 +23,8 @@
|
||||||
<div class="flex flex-25 justify-end">
|
<div class="flex flex-25 justify-end">
|
||||||
<span class="gdoc-footer__item text-right">
|
<span class="gdoc-footer__item text-right">
|
||||||
<a class="gdoc-footer__link fake-link" href="#" aria-label="{{ i18n "nav_top" }}">
|
<a class="gdoc-footer__link fake-link" href="#" aria-label="{{ i18n "nav_top" }}">
|
||||||
<svg class="icon gdoc_keyborad_arrow_up">
|
<svg class="icon gdoc_keyboard_arrow_up">
|
||||||
<use xlink:href="#gdoc_keyborad_arrow_up"></use>
|
<use xlink:href="#gdoc_keyboard_arrow_up"></use>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="hidden-mobile">{{ i18n "nav_top" }}</span>
|
<span class="hidden-mobile">{{ i18n "nav_top" }}</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -64,8 +64,8 @@
|
||||||
{{ if .Root.Site.Data.menu.extra.header }}
|
{{ if .Root.Site.Data.menu.extra.header }}
|
||||||
<span class="gdoc-menu-header__control">
|
<span class="gdoc-menu-header__control">
|
||||||
<label for="menu-header-control">
|
<label for="menu-header-control">
|
||||||
<svg class="icon gdoc_keyborad_arrow_right">
|
<svg class="icon gdoc_keyboard_arrow_right">
|
||||||
<use xlink:href="#gdoc_keyborad_arrow_right"></use>
|
<use xlink:href="#gdoc_keyboard_arrow_right"></use>
|
||||||
<title>{{ i18n "button_menu_close" }}</title>
|
<title>{{ i18n "button_menu_close" }}</title>
|
||||||
</svg>
|
</svg>
|
||||||
</label>
|
</label>
|
||||||
|
@ -74,8 +74,8 @@
|
||||||
</span>
|
</span>
|
||||||
{{ if .Root.Site.Data.menu.extra.header }}
|
{{ if .Root.Site.Data.menu.extra.header }}
|
||||||
<label for="menu-header-control" class="gdoc-menu-header__control">
|
<label for="menu-header-control" class="gdoc-menu-header__control">
|
||||||
<svg class="icon gdoc_keyborad_arrow_left">
|
<svg class="icon gdoc_keyboard_arrow_left">
|
||||||
<use xlink:href="#gdoc_keyborad_arrow_left"></use>
|
<use xlink:href="#gdoc_keyboard_arrow_left"></use>
|
||||||
<title>{{ i18n "button_menu_open" }}</title>
|
<title>{{ i18n "button_menu_open" }}</title>
|
||||||
</svg>
|
</svg>
|
||||||
</label>
|
</label>
|
||||||
|
|
Before Width: | Height: | Size: 255 B After Width: | Height: | Size: 255 B |
Before Width: | Height: | Size: 267 B After Width: | Height: | Size: 267 B |
Before Width: | Height: | Size: 268 B After Width: | Height: | Size: 268 B |
Before Width: | Height: | Size: 257 B After Width: | Height: | Size: 257 B |
|
@ -294,21 +294,21 @@ img {
|
||||||
|
|
||||||
&:not(:checked) {
|
&:not(:checked) {
|
||||||
& ~ ul,
|
& ~ ul,
|
||||||
& ~ label .icon.gdoc_keyborad_arrow_down {
|
& ~ label .icon.gdoc_keyboard_arrow_down {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
& ~ label .icon.gdoc_keyborad_arrow_left {
|
& ~ label .icon.gdoc_keyboard_arrow_left {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:checked {
|
&:checked {
|
||||||
& ~ ul,
|
& ~ ul,
|
||||||
& ~ label .icon.gdoc_keyborad_arrow_down {
|
& ~ label .icon.gdoc_keyboard_arrow_down {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
& ~ label .icon.gdoc_keyborad_arrow_left {
|
& ~ label .icon.gdoc_keyboard_arrow_left {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -97,7 +97,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__control {
|
&__control {
|
||||||
.icon.gdoc_keyborad_arrow_left {
|
.icon.gdoc_keyboard_arrow_left {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|