Template:Support Page/sandbox: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
No edit summary |
||
Line 278: | Line 278: | ||
font-size: 15px; |
font-size: 15px; |
||
height: 34px; |
height: 34px; |
||
display: inline-flex; |
|||
flex-direction: row; |
|||
justify-content: flex-end; |
|||
align-items: center; |
|||
border: 1px solid; |
border: 1px solid; |
||
border-color: #a2a9b1; |
border-color: #a2a9b1; |
||
background: #f8f9fa; |
background: #f8f9fa; |
||
color: #202122; |
color: #202122; |
||
cursor: pointer; |
|||
} |
} |
||
Line 287: | Line 292: | ||
color: #3a25ff; |
color: #3a25ff; |
||
border-color: currentColor; |
border-color: currentColor; |
||
⚫ | |||
.btn-label-a11y { |
|||
display: block; |
|||
font-size: 0; |
|||
⚫ | |||
overflow: hidden; |
|||
} |
} |
||
Line 293: | Line 305: | ||
text-align: left; |
text-align: left; |
||
position: relative; |
position: relative; |
||
} |
|||
.language-switcher__icon { |
|||
height: 1.25rem; |
|||
width: 1.25rem; |
|||
⚫ | |||
⚫ | |||
} |
|||
.language-switcher__label { |
|||
text-transform: uppercase; |
|||
} |
} |
||
Line 367: | Line 390: | ||
.language-switcher .language-name { |
.language-switcher .language-name { |
||
display: inline-block; |
display: inline-block; |
||
} |
|||
.language-switcher .language-name::first-letter { |
|||
text-transform: uppercase; |
|||
} |
} |
||
Line 385: | Line 412: | ||
color: #d40356; |
color: #d40356; |
||
margin-left: .5rem; |
margin-left: .5rem; |
||
⚫ | |||
.sp-donate-now-btn svg.secure { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
vertical-align: initial; |
|||
} |
} |
||
Line 401: | Line 421: | ||
} |
} |
||
.sp- |
.sp-donate-now-btn svg.secure { |
||
height: 1rem; |
|||
width: 1rem; |
|||
margin-right: 6px; |
|||
} |
} |
||
Line 601: | Line 623: | ||
<div class="language-switcher"> |
<div class="language-switcher"> |
||
<button class="sp-btn language-switcher__button" aria-expanded="false"> |
<button class="sp-btn language-switcher__button" aria-expanded="false"> |
||
<svg class="language-switcher__icon" role="img" aria-labelledby="sp-languages-icon-title" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20"><g fill="currentColor"><title id="sp-languages-icon-title">Language</title><path d="M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z"></path></g></svg> |
|||
<span class="btn-label-a11y">Current language: </span> |
|||
< |
<span class="language-switcher__label"> |
||
</html>{{#invoke:Main|page_language}}<html> |
|||
⚫ | |||
<use xlink:href="https://wikimediafoundation.org/wp-content/themes/shiro/assets/dist/icons-9b55af8b37.svg#translate"></use> |
|||
⚫ | |||
--> |
|||
<span class="language-switcher__label">en</span><!-- TODO: make this show actual current language --> |
|||
</button> |
</button> |
||
<div class="language-switcher__content" hidden=""> |
<div class="language-switcher__content" hidden=""> |
||
Line 626: | Line 645: | ||
</title> |
</title> |
||
<path fill="#f61971" d="M16.07 8H15V5s0-5-5-5-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8zM10 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3-8H7V5.5C7 4 7 2 10 2s3 2 3 3.5z"/> |
<path fill="#f61971" d="M16.07 8H15V5s0-5-5-5-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8zM10 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3-8H7V5.5C7 4 7 2 10 2s3 2 3 3.5z"/> |
||
</svg></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html |
</svg></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html> |
||
< |
</a> |
||
<nav class="sp-main-nav"> |
|||
Lorem Ipsum Dolor Sit Amet |
|||
</nav> |
|||
--> |
|||
</div> |
</div> |
||
</div> |
</div> |