diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index ef00a34..6190ceb 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -75,6 +75,9 @@
+ {{ if .IsTranslated }}
+ {{ partial "navigators/floating-lang-selector.html" . }}
+ {{ end }}
{{ end }}
diff --git a/layouts/partials/navigators/floating-lang-selector.html b/layouts/partials/navigators/floating-lang-selector.html
new file mode 100644
index 0000000..6c59479
--- /dev/null
+++ b/layouts/partials/navigators/floating-lang-selector.html
@@ -0,0 +1,19 @@
+{{ $pageURL:= .RelPermalink }}
+{{ if .Site.IsMultiLingual }}
+ {{ $pageURL = strings.TrimPrefix (path.Join "/" .Language.Lang) $pageURL }}
+{{ end }}
+
+
\ No newline at end of file
diff --git a/layouts/partials/navigators/lang-selector-2.html b/layouts/partials/navigators/lang-selector-2.html
new file mode 100644
index 0000000..a900573
--- /dev/null
+++ b/layouts/partials/navigators/lang-selector-2.html
@@ -0,0 +1,19 @@
+{{ $pageURL:= .RelPermalink }}
+{{ if .Site.IsMultiLingual }}
+ {{ $pageURL = strings.TrimPrefix (path.Join "/" .Language.Lang) $pageURL }}
+{{ end }}
+
+
+
+
+ {{ .Site.Language.LanguageName }}
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/navigators/lang-selector.html b/layouts/partials/navigators/lang-selector.html
new file mode 100644
index 0000000..0c73196
--- /dev/null
+++ b/layouts/partials/navigators/lang-selector.html
@@ -0,0 +1,14 @@
+
+
+
+ {{ .Site.Language.LanguageName }}
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/navigators/navbar-2.html b/layouts/partials/navigators/navbar-2.html
index 9571850..8c9a490 100644
--- a/layouts/partials/navigators/navbar-2.html
+++ b/layouts/partials/navigators/navbar-2.html
@@ -7,11 +7,6 @@
{{ $invertedLogo = .Site.Params.logo.inverted }}
{{ end }}
-{{ $pageURL:= .RelPermalink }}
-{{ if .Site.IsMultiLingual }}
- {{ $pageURL = strings.TrimPrefix (path.Join "/" .Language.Lang) $pageURL }}
-{{ end }}
-
-
diff --git a/layouts/partials/navigators/navbar.html b/layouts/partials/navigators/navbar.html
index 4a02d3d..9ad5b2a 100644
--- a/layouts/partials/navigators/navbar.html
+++ b/layouts/partials/navigators/navbar.html
@@ -62,20 +62,7 @@
{{ end }}
{{ if .IsTranslated }}
-
-
-
- {{ .Site.Language.LanguageName }}
-
-
-
+ {{ partial "navigators/lang-selector.html" . }}
{{ end }}
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 6c48ff5..eea52ee 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -1,4 +1,5 @@
+
diff --git a/package-lock.json b/package-lock.json
index 0cfd262..b5a67ec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -113,15 +113,15 @@
}
},
"browserslist": {
- "version": "4.14.0",
- "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.0.tgz",
- "integrity": "sha512-pUsXKAF2lVwhmtpeA3LJrZ76jXuusrNyhduuQs7CDFf9foT4Y38aQOserd2lMe5DSSrjf3fx34oHwryuvxAUgQ==",
+ "version": "4.14.5",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.5.tgz",
+ "integrity": "sha512-Z+vsCZIvCBvqLoYkBFTwEYH3v5MCQbsAjp50ERycpOjnPmolg1Gjy4+KaWWpm8QOJt9GHkhdqAl14NpCX73CWA==",
"dev": true,
"requires": {
- "caniuse-lite": "^1.0.30001111",
- "electron-to-chromium": "^1.3.523",
- "escalade": "^3.0.2",
- "node-releases": "^1.1.60"
+ "caniuse-lite": "^1.0.30001135",
+ "electron-to-chromium": "^1.3.571",
+ "escalade": "^3.1.0",
+ "node-releases": "^1.1.61"
}
},
"caller-callsite": {
@@ -155,9 +155,9 @@
"dev": true
},
"caniuse-lite": {
- "version": "1.0.30001118",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001118.tgz",
- "integrity": "sha512-RNKPLojZo74a0cP7jFMidQI7nvLER40HgNfgKQEJ2PFm225L0ectUungNQoK3Xk3StQcFbpBPNEvoWD59436Hg==",
+ "version": "1.0.30001141",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001141.tgz",
+ "integrity": "sha512-EHfInJHoQTmlMdVZrEc5gmwPc0zyN/hVufmGHPbVNQwlk7tJfCmQ2ysRZMY2MeleBivALUTyyxXnQjK18XrVpA==",
"dev": true
},
"chalk": {
@@ -264,9 +264,9 @@
}
},
"electron-to-chromium": {
- "version": "1.3.550",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.550.tgz",
- "integrity": "sha512-MWDHoJsSieBaJ6mObvi3V0eKZufR1iMJl56VIGdXCgFHyCUbVDGm2IMXUNjDxgbGbKa3tA5+zJmHuBQqRxGiLA==",
+ "version": "1.3.576",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.576.tgz",
+ "integrity": "sha512-uSEI0XZ//5ic+0NdOqlxp0liCD44ck20OAGyLMSymIWTEAtHKVJi6JM18acOnRgUgX7Q65QqnI+sNncNvIy8ew==",
"dev": true
},
"emoji-regex": {
@@ -285,9 +285,9 @@
}
},
"escalade": {
- "version": "3.0.2",
- "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.0.2.tgz",
- "integrity": "sha512-gPYAU37hYCUhW5euPeR+Y74F7BL+IBsV93j5cvGriSaD1aG6MGsqsV1yamRdrWrb2j3aiZvb0X+UBOWpx3JWtQ==",
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.0.tgz",
+ "integrity": "sha512-mAk+hPSO8fLDkhV7V0dXazH5pDc6MrjBTPyD3VeKzxnVFjH1MIxbCdqGZB9O8+EwWakZs3ZCbDS4IpRt79V1ig==",
"dev": true
},
"escape-string-regexp": {
@@ -370,9 +370,9 @@
"dev": true
},
"get-stdin": {
- "version": "7.0.0",
- "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-7.0.0.tgz",
- "integrity": "sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ==",
+ "version": "8.0.0",
+ "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
+ "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
"dev": true
},
"glob-parent": {
@@ -559,9 +559,9 @@
}
},
"node-releases": {
- "version": "1.1.60",
- "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.60.tgz",
- "integrity": "sha512-gsO4vjEdQaTusZAEebUWp2a5d7dF5DYoIpDG7WySnk7BuZDW+GPpHXoXXuYawRBr/9t5q54tirPz79kFIWg4dA==",
+ "version": "1.1.61",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.61.tgz",
+ "integrity": "sha512-DD5vebQLg8jLCOzwupn954fbIiZht05DAZs0k2u8NStSe6h9XdsuIQL8hSRKYiU8WUQRznmSDrKGbv3ObOmC7g==",
"dev": true
},
"normalize-path": {
@@ -641,9 +641,9 @@
"dev": true
},
"postcss": {
- "version": "7.0.32",
- "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
- "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
+ "version": "7.0.35",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+ "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
"dev": true,
"requires": {
"chalk": "^2.4.2",
@@ -652,16 +652,16 @@
}
},
"postcss-cli": {
- "version": "7.1.1",
- "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-7.1.1.tgz",
- "integrity": "sha512-bYQy5ydAQJKCMSpvaMg0ThPBeGYqhQXumjbFOmWnL4u65CYXQ16RfS6afGQpit0dGv/fNzxbdDtx8dkqOhhIbg==",
+ "version": "7.1.2",
+ "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-7.1.2.tgz",
+ "integrity": "sha512-3mlEmN1v2NVuosMWZM2tP8bgZn7rO5PYxRRrXtdSyL5KipcgBDjJ9ct8/LKxImMCJJi3x5nYhCGFJOkGyEqXBQ==",
"dev": true,
"requires": {
"chalk": "^4.0.0",
"chokidar": "^3.3.0",
"dependency-graph": "^0.9.0",
"fs-extra": "^9.0.0",
- "get-stdin": "^7.0.0",
+ "get-stdin": "^8.0.0",
"globby": "^11.0.0",
"postcss": "^7.0.0",
"postcss-load-config": "^2.0.0",
@@ -713,9 +713,9 @@
"dev": true
},
"supports-color": {
- "version": "7.1.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
- "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+ "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"requires": {
"has-flag": "^4.0.0"
@@ -724,9 +724,9 @@
}
},
"postcss-load-config": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.0.tgz",
- "integrity": "sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==",
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
+ "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==",
"dev": true,
"requires": {
"cosmiconfig": "^5.0.0",
diff --git a/package.json b/package.json
index 08f7e8e..7abfad5 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,6 @@
"homepage": "https://github.com/hossainemruz/toha#readme",
"devDependencies": {
"autoprefixer": "^9.8.6",
- "postcss-cli": "^7.1.1"
+ "postcss-cli": "^7.1.2"
}
}
diff --git a/static/assets/css/layouts/list.css b/static/assets/css/layouts/list.css
index b3fde85..8d09fa0 100644
--- a/static/assets/css/layouts/list.css
+++ b/static/assets/css/layouts/list.css
@@ -155,6 +155,13 @@
visibility: hidden;
}
+ .navbar-collapse.lang-selector {
+ display: block !important;
+ position: absolute;
+ right: 0;
+ top: 0.5rem;
+ }
+
.content-cards {
padding-top: 20px;
width: 100%;
diff --git a/static/assets/css/layouts/main.css b/static/assets/css/layouts/main.css
index d54532b..248df5a 100644
--- a/static/assets/css/layouts/main.css
+++ b/static/assets/css/layouts/main.css
@@ -137,7 +137,7 @@ img.right {
.card .card-head {
height: 172px;
-o-object-fit: cover;
- object-fit: cover;
+ object-fit: cover;
overflow: hidden;
}
@@ -238,6 +238,14 @@ img.right {
/* IPad Pro */
@media (max-width: 1024px) {
+ .content-section .languageSelector {
+ position: fixed;
+ right: 0.5rem;
+ bottom: 1rem;
+ z-index: 10000000;
+ background-color: #f9fafc;
+ box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+ }
}
/* Large devices (desktops, 992px and up) */
diff --git a/static/assets/css/layouts/single.css b/static/assets/css/layouts/single.css
index 35ecff1..b728777 100644
--- a/static/assets/css/layouts/single.css
+++ b/static/assets/css/layouts/single.css
@@ -368,6 +368,9 @@ mark {
.navbar-toggler {
display: block;
}
+ .navbar-collapse.lang-selector {
+ display: none;
+ }
.hero-area {
height: 300px;
diff --git a/static/assets/css/navigators/navbar.css b/static/assets/css/navigators/navbar.css
index a261ef0..d3003b8 100644
--- a/static/assets/css/navigators/navbar.css
+++ b/static/assets/css/navigators/navbar.css
@@ -119,10 +119,17 @@
.top-navbar .dropdown-menu {
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
border: 1px solid #fff;
- max-height: 100vh;
- overflow-y: auto;
+ max-height: 0vh;
+ overflow: hidden;
+ display: block;
+ visibility: hidden;
transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
+}
+
+.top-navbar .dropdown-menu.show {
+ max-height: 100vh;
+ visibility: visible;
+ transition: all 0.3s ease-in;
}
.top-navbar .dropdown-menu a {
@@ -133,7 +140,6 @@
.top-navbar .dropdown-menu a:hover {
color: #2098d1;
transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
border-bottom: none;
background: rgb(2, 0, 36);
background: linear-gradient(
@@ -190,11 +196,6 @@
border-bottom: none;
}
- .final-navbar .navbar-collapse.show {
- box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
- transition: all 0.3s ease-out;
- }
-
.dropdown-divider {
border-top: 1px solid #c0ccda;
}
@@ -204,6 +205,12 @@
width: auto;
margin-right: 15px;
}
+ .top-navbar .dropdown-menu {
+ text-align: center;
+ margin-bottom: 0.5rem;
+ margin-right: 1rem;
+ transition: all 0.3s ease-out;
+ }
}
/* Large devices (desktops, 992px and up) */
@@ -228,11 +235,6 @@
border-bottom: none;
}
- .final-navbar .navbar-collapse.show {
- box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
- transition: all 0.3s ease-out;
- }
-
.dropdown-divider {
border-top: 1px solid #c0ccda;
}
@@ -266,11 +268,6 @@
border-bottom: none;
}
- .final-navbar .navbar-collapse.show {
- box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
- transition: all 0.3s ease-out;
- }
-
.dropdown-divider {
border-top: 1px solid #c0ccda;
}
@@ -285,6 +282,10 @@
/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) {
+ .top-navbar .dropdown-menu {
+ margin-left: -1rem;
+ margin-right: 0rem;
+ }
}
/* iPhoneX, iPhone 6,7,8 */
diff --git a/static/assets/css/sections/home.css b/static/assets/css/sections/home.css
index 81965ce..ad8fa2a 100644
--- a/static/assets/css/sections/home.css
+++ b/static/assets/css/sections/home.css
@@ -14,8 +14,7 @@
background-attachment: fixed;
background-position: center;
transform: scale(1.1);
- -webkit-filter: blur(3px);
- filter: blur(3px);
+ filter: blur(3px);
background-size: cover;
}
diff --git a/static/assets/js/popper.min.js b/static/assets/js/popper.min.js
new file mode 100644
index 0000000..79ccbf5
--- /dev/null
+++ b/static/assets/js/popper.min.js
@@ -0,0 +1,5 @@
+/*
+ Copyright (C) Federico Zivolo 2018
+ Distributed under the MIT License (license terms are at http://opensource.org/licenses/MIT).
+ */(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.Popper=t()})(this,function(){'use strict';function e(e){return e&&'[object Function]'==={}.toString.call(e)}function t(e,t){if(1!==e.nodeType)return[];var o=getComputedStyle(e,null);return t?o[t]:o}function o(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function n(e){if(!e)return document.body;switch(e.nodeName){case'HTML':case'BODY':return e.ownerDocument.body;case'#document':return e.body;}var i=t(e),r=i.overflow,p=i.overflowX,s=i.overflowY;return /(auto|scroll|overlay)/.test(r+s+p)?e:n(o(e))}function r(e){return 11===e?re:10===e?pe:re||pe}function p(e){if(!e)return document.documentElement;for(var o=r(10)?document.body:null,n=e.offsetParent;n===o&&e.nextElementSibling;)n=(e=e.nextElementSibling).offsetParent;var i=n&&n.nodeName;return i&&'BODY'!==i&&'HTML'!==i?-1!==['TD','TABLE'].indexOf(n.nodeName)&&'static'===t(n,'position')?p(n):n:e?e.ownerDocument.documentElement:document.documentElement}function s(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||p(e.firstElementChild)===e)}function d(e){return null===e.parentNode?e:d(e.parentNode)}function a(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,n=o?e:t,i=o?t:e,r=document.createRange();r.setStart(n,0),r.setEnd(i,0);var l=r.commonAncestorContainer;if(e!==l&&t!==l||n.contains(i))return s(l)?l:p(l);var f=d(e);return f.host?a(f.host,t):a(e,d(t).host)}function l(e){var t=1=o.clientWidth&&n>=o.clientHeight}),l=0a[e]&&!t.escapeWithReference&&(n=J(f[o],a[e]-('right'===e?f.width:f.height))),ae({},o,n)}};return l.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';f=le({},f,m[t](e))}),e.offsets.popper=f,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,o=t.popper,n=t.reference,i=e.placement.split('-')[0],r=Z,p=-1!==['top','bottom'].indexOf(i),s=p?'right':'bottom',d=p?'left':'top',a=p?'width':'height';return o[s]r(n[s])&&(e.offsets.popper[d]=r(n[s])),e}},arrow:{order:500,enabled:!0,fn:function(e,o){var n;if(!q(e.instance.modifiers,'arrow','keepTogether'))return e;var i=o.element;if('string'==typeof i){if(i=e.instance.popper.querySelector(i),!i)return e;}else if(!e.instance.popper.contains(i))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var r=e.placement.split('-')[0],p=e.offsets,s=p.popper,d=p.reference,a=-1!==['left','right'].indexOf(r),l=a?'height':'width',f=a?'Top':'Left',m=f.toLowerCase(),h=a?'left':'top',c=a?'bottom':'right',u=S(i)[l];d[c]-us[c]&&(e.offsets.popper[m]+=d[m]+u-s[c]),e.offsets.popper=g(e.offsets.popper);var b=d[m]+d[l]/2-u/2,y=t(e.instance.popper),w=parseFloat(y['margin'+f],10),E=parseFloat(y['border'+f+'Width'],10),v=b-e.offsets.popper[m]-w-E;return v=$(J(s[l]-u,v),0),e.arrowElement=i,e.offsets.arrow=(n={},ae(n,m,Q(v)),ae(n,h,''),n),e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(W(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=v(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement,e.positionFixed),n=e.placement.split('-')[0],i=T(n),r=e.placement.split('-')[1]||'',p=[];switch(t.behavior){case he.FLIP:p=[n,i];break;case he.CLOCKWISE:p=z(n);break;case he.COUNTERCLOCKWISE:p=z(n,!0);break;default:p=t.behavior;}return p.forEach(function(s,d){if(n!==s||p.length===d+1)return e;n=e.placement.split('-')[0],i=T(n);var a=e.offsets.popper,l=e.offsets.reference,f=Z,m='left'===n&&f(a.right)>f(l.left)||'right'===n&&f(a.left)f(l.top)||'bottom'===n&&f(a.top)f(o.right),g=f(a.top)f(o.bottom),b='left'===n&&h||'right'===n&&c||'top'===n&&g||'bottom'===n&&u,y=-1!==['top','bottom'].indexOf(n),w=!!t.flipVariations&&(y&&'start'===r&&h||y&&'end'===r&&c||!y&&'start'===r&&g||!y&&'end'===r&&u);(m||b||w)&&(e.flipped=!0,(m||b)&&(n=p[d+1]),w&&(r=G(r)),e.placement=n+(r?'-'+r:''),e.offsets.popper=le({},e.offsets.popper,C(e.instance.popper,e.offsets.reference,e.placement)),e=P(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,o=t.split('-')[0],n=e.offsets,i=n.popper,r=n.reference,p=-1!==['left','right'].indexOf(o),s=-1===['top','left'].indexOf(o);return i[p?'left':'top']=r[o]-(s?i[p?'width':'height']:0),e.placement=T(t),e.offsets.popper=g(i),e}},hide:{order:800,enabled:!0,fn:function(e){if(!q(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,o=D(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottomo.right||t.top>o.bottom||t.right