From e4377fed20ce1e3f4a0b236271eecdb1fe573b7a Mon Sep 17 00:00:00 2001 From: Allan Wang Date: Tue, 13 Jun 2017 00:42:31 -0700 Subject: Created js base for facebook menu --- app/src/main/assets/core/_base.scss | 17 --------- app/src/main/assets/core/_colors.scss | 11 ------ app/src/main/assets/core/header.compact.css | 1 - app/src/main/assets/core/header.scss | 6 ---- app/src/main/assets/core/login.compact.css | 25 ------------- app/src/main/assets/core/login.scss | 48 ------------------------- app/src/main/assets/css/core/_base.scss | 17 +++++++++ app/src/main/assets/css/core/_colors.scss | 11 ++++++ app/src/main/assets/css/core/header.compact.css | 1 + app/src/main/assets/css/core/header.scss | 6 ++++ app/src/main/assets/css/core/login.compact.css | 25 +++++++++++++ app/src/main/assets/css/core/login.scss | 48 +++++++++++++++++++++++++ app/src/main/assets/js/menu.js | 37 +++++++++++++++++++ app/src/main/assets/js/menu.min.js | 1 + 14 files changed, 146 insertions(+), 108 deletions(-) delete mode 100644 app/src/main/assets/core/_base.scss delete mode 100644 app/src/main/assets/core/_colors.scss delete mode 100644 app/src/main/assets/core/header.compact.css delete mode 100644 app/src/main/assets/core/header.scss delete mode 100644 app/src/main/assets/core/login.compact.css delete mode 100644 app/src/main/assets/core/login.scss create mode 100644 app/src/main/assets/css/core/_base.scss create mode 100644 app/src/main/assets/css/core/_colors.scss create mode 100644 app/src/main/assets/css/core/header.compact.css create mode 100644 app/src/main/assets/css/core/header.scss create mode 100644 app/src/main/assets/css/core/login.compact.css create mode 100644 app/src/main/assets/css/core/login.scss create mode 100644 app/src/main/assets/js/menu.js create mode 100644 app/src/main/assets/js/menu.min.js (limited to 'app/src/main/assets') diff --git a/app/src/main/assets/core/_base.scss b/app/src/main/assets/core/_base.scss deleted file mode 100644 index 344b6696..00000000 --- a/app/src/main/assets/core/_base.scss +++ /dev/null @@ -1,17 +0,0 @@ -@mixin placeholder { - ::-webkit-input-placeholder { - @content - } - - :-moz-placeholder { - @content - } - - ::-moz-placeholder { - @content - } - - :-ms-input-placeholder { - @content - } -} diff --git a/app/src/main/assets/core/_colors.scss b/app/src/main/assets/core/_colors.scss deleted file mode 100644 index 718c1e62..00000000 --- a/app/src/main/assets/core/_colors.scss +++ /dev/null @@ -1,11 +0,0 @@ -$transparent: transparent !default; - -//Keep above as first line so partials aren't compiled - -//$text: #f0f; -//$background: #f00; -//$background2: rgba(#ff0, 0.1); - -$text: #fff !default; -$background: #000 !default; -$background2: rgba(lighten($background, 10%), 0.1) !default; diff --git a/app/src/main/assets/core/header.compact.css b/app/src/main/assets/core/header.compact.css deleted file mode 100644 index 560a8465..00000000 --- a/app/src/main/assets/core/header.compact.css +++ /dev/null @@ -1 +0,0 @@ -#header[data-sigil="MTopBlueBarHeader"], #header-notices, [data-sigil*=m-promo-jewel-header] { display: None !important; } diff --git a/app/src/main/assets/core/header.scss b/app/src/main/assets/core/header.scss deleted file mode 100644 index 4e4a2148..00000000 --- a/app/src/main/assets/core/header.scss +++ /dev/null @@ -1,6 +0,0 @@ -// remove blue header - -#header[data-sigil="MTopBlueBarHeader"], #header-notices, -[data-sigil*=m-promo-jewel-header] { - display: None !important; -} diff --git a/app/src/main/assets/core/login.compact.css b/app/src/main/assets/core/login.compact.css deleted file mode 100644 index 436b1875..00000000 --- a/app/src/main/assets/core/login.compact.css +++ /dev/null @@ -1,25 +0,0 @@ -[data-sigil="m_login_upsell"] { display: none !important; } - -body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r { background: #000 !important; } - -button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before, ._5xo2, ._5u5a::before { background: rgba(26, 26, 26, 0.1) !important; } - -._56bf, .touch .btn { border-radius: 0 !important; border: 0 !important; } - -.touch ._56bt { text-shadow: none !important; } - -.touch .btnS { box-shadow: none !important; } - -input, ._43mh, .touch .btn, a, .fcg, button, ._52j9, ._52jb, h1, h2, h3, h4, h5, h6 { color: #fff !important; } - -::-webkit-input-placeholder { color: #fff !important; } - -:-moz-placeholder { color: #fff !important; } - -::-moz-placeholder { color: #fff !important; } - -:-ms-input-placeholder { color: #fff !important; } - -._43mh::before, ._43mh::after { background: #fff !important; } - -._1rrd { border: 1px solid #fff !important; color: #fff !important; } diff --git a/app/src/main/assets/core/login.scss b/app/src/main/assets/core/login.scss deleted file mode 100644 index 00627838..00000000 --- a/app/src/main/assets/core/login.scss +++ /dev/null @@ -1,48 +0,0 @@ -@import "colors"; -@import "base"; - -//Get Android banner -[data-sigil="m_login_upsell"] { - display: none !important; -} - -body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r { - background: $background !important; -} - -button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before, -._5xo2, ._5u5a::before { - background: $background2 !important; -} - -._56bf, .touch .btn { - border-radius: 0 !important; - border: 0 !important; -} - -.touch ._56bt { - text-shadow: none !important; -} - -.touch .btnS { - box-shadow: none !important; -} - -input, ._43mh, .touch .btn, a, .fcg, button, ._52j9, ._52jb, h1, h2, h3, h4, h5, h6 { - color: $text !important; -} - -@include placeholder { - color: $text !important; -} - - -// divider lines -._43mh::before, ._43mh::after { - background: $text !important; -} - -._1rrd { - border: 1px solid $text !important; - color: $text !important; -} diff --git a/app/src/main/assets/css/core/_base.scss b/app/src/main/assets/css/core/_base.scss new file mode 100644 index 00000000..344b6696 --- /dev/null +++ b/app/src/main/assets/css/core/_base.scss @@ -0,0 +1,17 @@ +@mixin placeholder { + ::-webkit-input-placeholder { + @content + } + + :-moz-placeholder { + @content + } + + ::-moz-placeholder { + @content + } + + :-ms-input-placeholder { + @content + } +} diff --git a/app/src/main/assets/css/core/_colors.scss b/app/src/main/assets/css/core/_colors.scss new file mode 100644 index 00000000..718c1e62 --- /dev/null +++ b/app/src/main/assets/css/core/_colors.scss @@ -0,0 +1,11 @@ +$transparent: transparent !default; + +//Keep above as first line so partials aren't compiled + +//$text: #f0f; +//$background: #f00; +//$background2: rgba(#ff0, 0.1); + +$text: #fff !default; +$background: #000 !default; +$background2: rgba(lighten($background, 10%), 0.1) !default; diff --git a/app/src/main/assets/css/core/header.compact.css b/app/src/main/assets/css/core/header.compact.css new file mode 100644 index 00000000..560a8465 --- /dev/null +++ b/app/src/main/assets/css/core/header.compact.css @@ -0,0 +1 @@ +#header[data-sigil="MTopBlueBarHeader"], #header-notices, [data-sigil*=m-promo-jewel-header] { display: None !important; } diff --git a/app/src/main/assets/css/core/header.scss b/app/src/main/assets/css/core/header.scss new file mode 100644 index 00000000..4e4a2148 --- /dev/null +++ b/app/src/main/assets/css/core/header.scss @@ -0,0 +1,6 @@ +// remove blue header + +#header[data-sigil="MTopBlueBarHeader"], #header-notices, +[data-sigil*=m-promo-jewel-header] { + display: None !important; +} diff --git a/app/src/main/assets/css/core/login.compact.css b/app/src/main/assets/css/core/login.compact.css new file mode 100644 index 00000000..436b1875 --- /dev/null +++ b/app/src/main/assets/css/core/login.compact.css @@ -0,0 +1,25 @@ +[data-sigil="m_login_upsell"] { display: none !important; } + +body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r { background: #000 !important; } + +button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before, ._5xo2, ._5u5a::before { background: rgba(26, 26, 26, 0.1) !important; } + +._56bf, .touch .btn { border-radius: 0 !important; border: 0 !important; } + +.touch ._56bt { text-shadow: none !important; } + +.touch .btnS { box-shadow: none !important; } + +input, ._43mh, .touch .btn, a, .fcg, button, ._52j9, ._52jb, h1, h2, h3, h4, h5, h6 { color: #fff !important; } + +::-webkit-input-placeholder { color: #fff !important; } + +:-moz-placeholder { color: #fff !important; } + +::-moz-placeholder { color: #fff !important; } + +:-ms-input-placeholder { color: #fff !important; } + +._43mh::before, ._43mh::after { background: #fff !important; } + +._1rrd { border: 1px solid #fff !important; color: #fff !important; } diff --git a/app/src/main/assets/css/core/login.scss b/app/src/main/assets/css/core/login.scss new file mode 100644 index 00000000..00627838 --- /dev/null +++ b/app/src/main/assets/css/core/login.scss @@ -0,0 +1,48 @@ +@import "colors"; +@import "base"; + +//Get Android banner +[data-sigil="m_login_upsell"] { + display: none !important; +} + +body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r { + background: $background !important; +} + +button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before, +._5xo2, ._5u5a::before { + background: $background2 !important; +} + +._56bf, .touch .btn { + border-radius: 0 !important; + border: 0 !important; +} + +.touch ._56bt { + text-shadow: none !important; +} + +.touch .btnS { + box-shadow: none !important; +} + +input, ._43mh, .touch .btn, a, .fcg, button, ._52j9, ._52jb, h1, h2, h3, h4, h5, h6 { + color: $text !important; +} + +@include placeholder { + color: $text !important; +} + + +// divider lines +._43mh::before, ._43mh::after { + background: $text !important; +} + +._1rrd { + border: 1px solid $text !important; + color: $text !important; +} diff --git a/app/src/main/assets/js/menu.js b/app/src/main/assets/js/menu.js new file mode 100644 index 00000000..94261146 --- /dev/null +++ b/app/src/main/assets/js/menu.js @@ -0,0 +1,37 @@ +var viewport = document.getElementById('viewport'); +var root = document.getElementById('root'); + +var y = new MutationObserver(function(mutations) { + viewport.removeAttribute('style'); + root.removeAttribute('style'); +}) + +y.observe(viewport, { + attributes: true +}); + +y.observe(root, { + attributes: true +}); + +var x = new MutationObserver(function(mutations) { + if (document.getElementsByClassName('mSideMenu').length) { + x.disconnect(); + console.log('Found side menu'); + var menu = document.getElementsByClassName('mSideMenu')[0]; + while (root.firstChild) + root.removeChild(root.firstChild); + while (menu.childNodes.length) + root.appendChild(menu.childNodes[0]); + setTimeout(function() { + y.disconnect(); + console.log('Unhook styler'); + }, 500) + } +}); + +x.observe(document.getElementById('mJewelNav'), { + childList: true, + subtree: true +}); +document.getElementById('bookmarks_jewel').getElementsByTagName('a')[0].click(); diff --git a/app/src/main/assets/js/menu.min.js b/app/src/main/assets/js/menu.min.js new file mode 100644 index 00000000..6943e2a5 --- /dev/null +++ b/app/src/main/assets/js/menu.min.js @@ -0,0 +1 @@ +var viewport=document.getElementById("viewport");var root=document.getElementById("root");var y=new MutationObserver(function(a){viewport.removeAttribute("style");root.removeAttribute("style")});y.observe(viewport,{attributes:true});y.observe(root,{attributes:true});var x=new MutationObserver(function(a){if(document.getElementsByClassName("mSideMenu").length){x.disconnect();console.log("Found side menu");var b=document.getElementsByClassName("mSideMenu")[0];while(root.firstChild){root.removeChild(root.firstChild)}while(b.childNodes.length){root.appendChild(b.childNodes[0])}setTimeout(function(){y.disconnect();console.log("Unhook styler")},500)}});x.observe(document.getElementById("mJewelNav"),{childList:true,subtree:true});document.getElementById("bookmarks_jewel").getElementsByTagName("a")[0].click(); \ No newline at end of file -- cgit v1.2.3