forked from laurens/fediversity_website
		
	Fix: w3c-validator, A-tag mag niet binnen BUTTON-tag
This commit is contained in:
		
							parent
							
								
									7ec53dcda4
								
							
						
					
					
						commit
						aca9654527
					
				
					 2 changed files with 21 additions and 13 deletions
				
			
		|  | @ -80,9 +80,9 @@ ul.menu li { | |||
| } | ||||
| 
 | ||||
| ul.menu li button { | ||||
|     font-size: inherit; | ||||
|     font-family: inherit; | ||||
|     font-weight: bold; | ||||
|     //font-size: inherit; | ||||
|     //font-family: inherit; | ||||
|     //font-weight: bold; | ||||
|     border: none; | ||||
|     background-color: transparent; | ||||
|     cursor: pointer; | ||||
|  | @ -92,11 +92,14 @@ ul.menu li button { | |||
| ul.menu li a { | ||||
|     display: block; | ||||
|     color: inherit; | ||||
|     font-size: inherit; | ||||
|     font-family: inherit; | ||||
|     font-weight: 600; | ||||
|     text-decoration: none; | ||||
| } | ||||
| 
 | ||||
| ul.menu li a, ul li button { | ||||
|     padding: 0.7rem 0.5rem; | ||||
|     padding: 0.7rem 0.8rem; | ||||
|     text-align: left; | ||||
| } | ||||
| 
 | ||||
|  | @ -205,8 +208,8 @@ li:focus-within > button > .arrow { | |||
|     // height: 135px; | ||||
|     height: auto; | ||||
|   } | ||||
|   ul.menu li:hover > button > .arrow { | ||||
|     transform: rotate(-225deg); | ||||
|     margin-top: 4px; | ||||
|   } | ||||
|   //ul.menu li:hover > button > .arrow { | ||||
|   //  transform: rotate(-225deg); | ||||
|   //  margin-top: 4px; | ||||
|   //} | ||||
| } | ||||
|  |  | |||
|  | @ -19,9 +19,8 @@ | |||
|                {{ $.Scratch.Set "counter" (add ($.Scratch.Get "counter") 1) }} | ||||
|              {{ if .Children }} | ||||
|                <li> | ||||
|                  <button type="button" aria-haspopup="true" aria-expanded="true" aria-controls="dropdown-{{ $.Scratch.Get "counter" }}"> | ||||
|                    <a href="{{ .URL }}">{{ .Name }}</a> | ||||
|                  </button> | ||||
|                  <button type="button" aria-haspopup="true" aria-expanded="true" aria-controls="dropdown-{{ $.Scratch.Get "counter" }}"></button> | ||||
|                  <a href="{{ .URL }}">{{ .Name }}</a> | ||||
|                  <ul class="dropdown" id="dropdown-{{ $.Scratch.Get "counter" }}"> | ||||
|                    {{ range .Children }} | ||||
|                      <li><a href="{{ .URL }}">{{ .Name }}</a></li> | ||||
|  | @ -29,10 +28,16 @@ | |||
|                  </ul> | ||||
|                </li> | ||||
|              {{ else }} | ||||
|              <li><button type="button" aria-haspopup="true" aria-expanded="true"><a href="{{ .URL }}">{{ .Name }}</a></button></li> | ||||
|              <li> | ||||
|                <button type="button" aria-haspopup="true" aria-expanded="true"></button> | ||||
|                <a href="{{ .URL }}">{{ .Name }}</a> | ||||
|              </li> | ||||
|              {{ end }} | ||||
|            {{ end }} | ||||
|            <li><button type="button" aria-haspopup="false" aria-expanded="true"><a href="{{ relLangURL "/zoeken/"}}">{{ partial "show-svg-icon.html" (dict "context" . "icon" "magnifying-glass" "class" "shownormal") }}</a></button></li> | ||||
|            <li> | ||||
|              <button type="button" aria-haspopup="false" aria-expanded="true"></button> | ||||
|              <a href="{{ relLangURL "/zoeken/"}}">{{ partial "show-svg-icon.html" (dict "context" . "icon" "magnifying-glass" "class" "shownormal") }}</a> | ||||
|            </li> | ||||
|          </ul> | ||||
|     </nav> | ||||
|   </div> | ||||
|  |  | |||
		Reference in a new issue