fix: add back triangle to dropdown
| | |
| | | color: var(--tag-color); |
| | | } |
| | | |
| | | .sl-nav li:hover .triangle { |
| | | #languagepicker:checked ~ .triangle { |
| | | position: absolute; |
| | | top: 15px; |
| | | right: -10px; |
| | |
| | | width: 30px; |
| | | background: transparent; |
| | | } |
| | | .sl-nav li:hover .triangle:after { |
| | | #languagepicker:checked ~ .triangle:after { |
| | | content: ''; |
| | | display: block; |
| | | z-index: 20; |
| | |
| | | <li> |
| | | <input type="checkbox" id="languagepicker" aria-label="switch language" hidden></input> |
| | | <label for="languagepicker"><strong>{{ .Site.Language.LanguageName }}</strong></label> <i class="fa fa-angle-down" aria-hidden="true"></i> |
| | | |
| | | <div class="triangle"></div> |
| | | <ul class="dropdown"> |
| | | |
| | | {{ range $.Translations }} |
| | | |
| | | <li> |