]> _ Git - fluidbook-html5.git/commitdiff
Done #1646 @0.5
authorStephen Cameron <stephen@cubedesigners.com>
Tue, 5 Sep 2017 17:06:19 +0000 (19:06 +0200)
committerStephen Cameron <stephen@cubedesigners.com>
Tue, 5 Sep 2017 17:06:19 +0000 (19:06 +0200)
js/libs/fluidbook/fluidbook.nav.js
js/libs/mmenu/jquery.mmenu.rtl.js [new file with mode: 0644]
style/mmenu/jquery.mmenu.rtl.css [new file with mode: 0644]
style/mmenu/mmenu.less

index 0bd0ac78be4feb6293ade592ab3d5fedda12e8f7..223b6eb505ee48ff546ef2ab32d36197020ac0f8 100644 (file)
@@ -36,6 +36,9 @@ FluidbookNav.prototype = {
             "navbar": {
                 //add: false // Removes main title bars completely
                 title: "" // Hides the default "Menu" text
+            },
+            "rtl": {
+                "use": "detect" // Auto detect when in RTL mode based on html dir attribute
             }
         });
 
diff --git a/js/libs/mmenu/jquery.mmenu.rtl.js b/js/libs/mmenu/jquery.mmenu.rtl.js
new file mode 100644 (file)
index 0000000..aa58e0b
--- /dev/null
@@ -0,0 +1,7 @@
+/*
+ * jQuery mmenu RTL add-on
+ * mmenu.frebsite.nl
+ *
+ * Copyright (c) Fred Heusschen
+ */
+!function(t){var e="mmenu",n="rtl";t[e].addons[n]={setup:function(){var o=this.opts[n];this.conf[n];d=t[e].glbl,"object"!=typeof o&&(o={use:o}),o=this.opts[n]=t.extend(!0,{},t[e].defaults[n],o),"boolean"!=typeof o.use&&(o.use="rtl"==(d.$html.attr("dir")||"").toLowerCase()),o.use&&this.bind("initMenu:after",function(){this.$menu.addClass(s.rtl)})},add:function(){s=t[e]._c,o=t[e]._d,u=t[e]._e,s.add("rtl")},clickAnchor:function(t,e){}},t[e].defaults[n]={use:"detect"};var s,o,u,d}(jQuery);
\ No newline at end of file
diff --git a/style/mmenu/jquery.mmenu.rtl.css b/style/mmenu/jquery.mmenu.rtl.css
new file mode 100644 (file)
index 0000000..6a1655b
--- /dev/null
@@ -0,0 +1 @@
+.mm-menu.mm-rtl{direction:rtl}.mm-menu.mm-rtl.mm-offcanvas{right:auto}.mm-menu.mm-rtl .mm-panel:not(.mm-opened){-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-rtl .mm-panel.mm-subopened{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child{left:auto;right:0}.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child{right:auto;left:0}.mm-menu.mm-rtl .mm-navbar .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-navbar .mm-prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after{left:0;right:20px}.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next){padding-left:10px;padding-right:20px!important;margin-right:0!important}.mm-menu.mm-rtl .mm-listview .mm-next{right:auto;left:0}.mm-menu.mm-rtl .mm-listview .mm-next:before{left:auto;right:0}.mm-menu.mm-rtl .mm-listview .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-listview .mm-next+a,.mm-menu.mm-rtl .mm-listview .mm-next+span{margin-left:50px}.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter{left:45px;right:auto}.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+span{margin-left:90px}.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span{padding-left:90px}.mm-menu.mm-rtl label.mm-check,.mm-menu.mm-rtl label.mm-toggle{left:20px;right:auto!important}.mm-menu.mm-rtl label.mm-toggle+a,.mm-menu.mm-rtl label.mm-toggle+span{padding-left:80px}.mm-menu.mm-rtl label.mm-check+a,.mm-menu.mm-rtl label.mm-check+span{padding-left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check,.mm-menu.mm-rtl a.mm-next+label.mm-toggle{left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{margin-left:50px}.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{padding-left:70px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle{left:100px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span{margin-left:90px}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-]{left:0}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-rtl.mm-iconpanel .mm-panel{-webkit-transition-property:right,-webkit-transform;transition-property:right,-webkit-transform;transition-property:transform,right;transition-property:transform,right,-webkit-transform}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0{right:0}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1{right:40px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2{right:80px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3{right:120px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4{right:160px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5{right:200px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6{right:240px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened{border-left:none;border-right:1px solid;border-color:inherit}
\ No newline at end of file
index 592a7fdc9375c12aec1df76fe6bff180b82990cf..177a6a8f33d1019c61f1cb32f425a53a2d07e63f 100644 (file)
@@ -1,4 +1,5 @@
 @import (inline) "mmenu/jquery.mmenu.css";
+@import (inline) "mmenu/jquery.mmenu.rtl.css";
 @import (inline) "mmenu/jquery.mmenu.offcanvas.css";
 @import (inline) "mmenu/jquery.mmenu.positioning.css";