first commit
This commit is contained in:
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"name" : "Dropdown",
|
||||
"slug" : "wpml-legacy-dropdown",
|
||||
"for" : [ "sidebars", "shortcode_actions" ],
|
||||
"settings": {
|
||||
"display_link_for_current_lang": 1
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 112 B |
@@ -0,0 +1,35 @@
|
||||
/*jshint browser:true, devel:true */
|
||||
/*global document */
|
||||
|
||||
var WPMLLanguageSwitcherDropdown = (function() {
|
||||
"use strict";
|
||||
|
||||
var toggleSelector = '.js-wpml-ls-legacy-dropdown a.js-wpml-ls-item-toggle';
|
||||
|
||||
var preventDefault = function(e) {
|
||||
var evt = e ? e : window.event;
|
||||
|
||||
if (evt.preventDefault) {
|
||||
evt.preventDefault();
|
||||
}
|
||||
|
||||
evt.returnValue = false;
|
||||
};
|
||||
|
||||
var init = function() {
|
||||
var links = document.querySelectorAll(toggleSelector);
|
||||
for(var i=0; i < links.length; i++) {
|
||||
links[i].addEventListener('click', preventDefault );
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
'init': init
|
||||
};
|
||||
|
||||
})();
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
"use strict";
|
||||
WPMLLanguageSwitcherDropdown.init();
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";var WPMLLanguageSwitcherDropdown=function(){function t(e){(e=e||window.event).preventDefault&&e.preventDefault(),e.returnValue=!1}return{init:function(){for(var e=document.querySelectorAll(".js-wpml-ls-legacy-dropdown a.js-wpml-ls-item-toggle"),n=0;n<e.length;n++)e[n].addEventListener("click",t)}}}();document.addEventListener("DOMContentLoaded",function(){WPMLLanguageSwitcherDropdown.init()});
|
||||
@@ -0,0 +1,68 @@
|
||||
.wpml-ls-legacy-dropdown {
|
||||
width: 15.5em;
|
||||
max-width: 100%; }
|
||||
.wpml-ls-legacy-dropdown > ul {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0 !important;
|
||||
list-style-type: none; }
|
||||
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu {
|
||||
visibility: visible; }
|
||||
.wpml-ls-legacy-dropdown .wpml-ls-item {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none; }
|
||||
.wpml-ls-legacy-dropdown a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #444;
|
||||
border: 1px solid #cdcdcd;
|
||||
background-color: #fff;
|
||||
padding: 5px 10px;
|
||||
line-height: 1; }
|
||||
.wpml-ls-legacy-dropdown a span {
|
||||
vertical-align: middle; }
|
||||
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
|
||||
position: relative;
|
||||
padding-right: calc(10px + .7em + .7em); }
|
||||
.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
|
||||
padding-right: 10px;
|
||||
padding-left: calc(10px + .7em + .7em); }
|
||||
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
|
||||
content: '';
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
border: .35em solid transparent;
|
||||
border-top: .5em solid;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: calc(50% - .175em); }
|
||||
.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
|
||||
right: auto;
|
||||
left: 10px; }
|
||||
.wpml-ls-legacy-dropdown a:hover,
|
||||
.wpml-ls-legacy-dropdown a:focus,
|
||||
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
|
||||
color: #000;
|
||||
background: #eee; }
|
||||
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
border-top: 1px solid #cdcdcd;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
z-index: 101; }
|
||||
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
|
||||
border-width: 0 1px 1px 1px; }
|
||||
.wpml-ls-legacy-dropdown .wpml-ls-flag {
|
||||
display: inline;
|
||||
vertical-align: middle; }
|
||||
.wpml-ls-legacy-dropdown .wpml-ls-flag + span {
|
||||
margin-left: .4em; }
|
||||
.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag + span {
|
||||
margin-left: 0;
|
||||
margin-right: .4em; }
|
||||
@@ -0,0 +1 @@
|
||||
.wpml-ls-legacy-dropdown{width:15.5em;max-width:100%}.wpml-ls-legacy-dropdown>ul{position:relative;padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu{visibility:visible}.wpml-ls-legacy-dropdown .wpml-ls-item{padding:0;margin:0;list-style-type:none}.wpml-ls-legacy-dropdown a{display:block;text-decoration:none;color:#444;border:1px solid #cdcdcd;background-color:#fff;padding:5px 10px;line-height:1}.wpml-ls-legacy-dropdown a span{vertical-align:middle}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position:relative;padding-right:calc(10px + 1.4em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{padding-right:10px;padding-left:calc(10px + 1.4em)}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content:"";vertical-align:middle;display:inline-block;border:.35em solid transparent;border-top:.5em solid;position:absolute;right:10px;top:calc(50% - .175em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:auto;left:10px}.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown a:focus,.wpml-ls-legacy-dropdown a:hover{color:#000;background:#eee}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility:hidden;position:absolute;top:100%;right:0;left:0;border-top:1px solid #cdcdcd;padding:0;margin:0;list-style-type:none;z-index:101}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border-width:0 1px 1px}.wpml-ls-legacy-dropdown .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:0;margin-right:.4em}
|
||||
@@ -0,0 +1,47 @@
|
||||
{% set current_language = languages[ current_language_code ] %}
|
||||
{% set css_classes_flag = ('wpml-ls-flag ' ~ backward_compatibility.css_classes_flag)|trim %}
|
||||
{% set css_classes_native = ('wpml-ls-native ' ~ backward_compatibility.css_classes_native)|trim %}
|
||||
{% set css_classes_display = ('wpml-ls-display ' ~ backward_compatibility.css_classes_display)|trim %}
|
||||
{% set css_classes_bracket = ('wpml-ls-bracket ' ~ backward_compatibility.css_classes_bracket)|trim %}
|
||||
|
||||
<div
|
||||
class="{{ css_classes }} wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown"{% if backward_compatibility.css_id %} id="{{ backward_compatibility.css_id }}"{% endif %}>
|
||||
<ul>
|
||||
|
||||
<li tabindex="0" class="{{ current_language.css_classes }} wpml-ls-item-legacy-dropdown">
|
||||
<a href="#" class="{{ ('js-wpml-ls-item-toggle wpml-ls-item-toggle ' ~ current_language.backward_compatibility.css_classes_a)|trim }}">
|
||||
{% include 'flag.twig' with {language: current_language, css_classes_flag: css_classes_flag} %}
|
||||
|
||||
{%- if current_language.display_name or current_language.native_name -%}
|
||||
{%- set current_language_name = current_language.display_name|default(current_language.native_name) -%}
|
||||
<span class="{{ css_classes_native }}">{{- current_language_name -}}</span>
|
||||
{%- endif -%}
|
||||
</a>
|
||||
|
||||
<ul class="wpml-ls-sub-menu">
|
||||
{% for language in languages if not language.is_current %}
|
||||
|
||||
<li class="{{ language.css_classes }}">
|
||||
<a href="{{ language.url }}" class="{{ css_classes_link }}">
|
||||
{% include 'flag.twig' %}
|
||||
|
||||
{%- if language.native_name -%}
|
||||
<span class="{{ css_classes_native }}" lang="{{ language.code }}">{{ language.native_name }}</span>
|
||||
{%- endif -%}
|
||||
{%- if language.display_name and (language.display_name != language.native_name) -%}
|
||||
<span class="{{ css_classes_display }}">
|
||||
{%- if language.native_name -%}<span class="{{ css_classes_bracket }}"> (</span>{%- endif -%}
|
||||
{{- language.display_name -}}
|
||||
{%- if language.native_name -%}<span class="{{ css_classes_bracket }}">)</span>{%- endif -%}
|
||||
</span>
|
||||
{%- endif -%}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
Reference in New Issue
Block a user