From 9c4093dc7c587108bf8103fa1cea3f1b937e4638 Mon Sep 17 00:00:00 2001 From: shortcutme Date: Sun, 21 Jan 2018 18:14:12 +0100 Subject: [PATCH] Rev3224, Small cosmetic changes on sidebar Sign and publish button --- plugins/Sidebar/SidebarPlugin.py | 20 +++++++++----------- plugins/Sidebar/media/Menu.coffee | 5 ++++- plugins/Sidebar/media/Sidebar.coffee | 3 ++- plugins/Sidebar/media/Sidebar.css | 6 +++++- plugins/Sidebar/media/all.css | 6 +++++- plugins/Sidebar/media/all.js | 14 ++++++++++---- src/Config.py | 2 +- 7 files changed, 36 insertions(+), 20 deletions(-) diff --git a/plugins/Sidebar/SidebarPlugin.py b/plugins/Sidebar/SidebarPlugin.py index 90fdf8a9..ecd688dc 100644 --- a/plugins/Sidebar/SidebarPlugin.py +++ b/plugins/Sidebar/SidebarPlugin.py @@ -417,6 +417,14 @@ class UiWebsocketPlugin(object): """)) # Choose content you want to sign + body.append(_(u""" +
+ + {_[Sign and publish]} + \u22EE +
+ """)) + contents = ["content.json"] contents += site.content_manager.contents.get("content.json", {}).get("includes", {}).keys() body.append(_(u"
{_[Choose]}: ")) @@ -424,17 +432,7 @@ class UiWebsocketPlugin(object): content = cgi.escape(content, True) body.append(_("{content} ")) body.append("
") - - body.append(_(u""" -
- - - {_[Sign and publish]} - \u22EE - -
- - """)) + body.append("") def actionSidebarGetHtmlTag(self, to): site = self.site diff --git a/plugins/Sidebar/media/Menu.coffee b/plugins/Sidebar/media/Menu.coffee index 3785009b..3e19fd9f 100644 --- a/plugins/Sidebar/media/Menu.coffee +++ b/plugins/Sidebar/media/Menu.coffee @@ -10,9 +10,12 @@ class Menu @hide() else button_pos = @button.offset() - @elem.css({"top": button_pos.top+@button.outerHeight(), "left": button_pos.left}) + left = button_pos.left + @elem.css({"top": button_pos.top+@button.outerHeight(), "left": left}) @button.addClass("menu-active") @elem.addClass("visible") + if @elem.position().left + @elem.width() + 20 > window.innerWidth + @elem.css("left", window.innerWidth - @elem.width() - 20) if window.visible_menu then window.visible_menu.hide() window.visible_menu = @ diff --git a/plugins/Sidebar/media/Sidebar.coffee b/plugins/Sidebar/media/Sidebar.coffee index 4f15c6bb..067bdd23 100644 --- a/plugins/Sidebar/media/Sidebar.coffee +++ b/plugins/Sidebar/media/Sidebar.coffee @@ -359,7 +359,8 @@ class Sidebar extends Class @tag.find("#button-sign-publish-menu").removeClass("visible") @tag.find(".contents + .flex").removeClass("sign-publish-flex") - menu = new Menu(@tag.find("#wrapper-sign-publish")) + menu = new Menu(@tag.find("#menu-sign-publish")) + menu.elem.css("margin-top", "-130px") # Open upwards menu.addItem "Sign", => inner_path = @tag.find("#input-contents").val() diff --git a/plugins/Sidebar/media/Sidebar.css b/plugins/Sidebar/media/Sidebar.css index 6a2bfc6e..9f718b7c 100644 --- a/plugins/Sidebar/media/Sidebar.css +++ b/plugins/Sidebar/media/Sidebar.css @@ -124,7 +124,7 @@ .globe.error { text-align: center; padding-top: 156px; box-sizing: border-box; opacity: 0.2; } /* Sign publish */ -.contents { background-color: #3B3B3B; color: white; padding: 7px 10px; font-family: Consolas; font-size: 11px; display: inline-block; margin-bottom: 6px; } +.contents { background-color: #3B3B3B; color: white; padding: 7px 10px; font-family: Consolas; font-size: 11px; display: inline-block; margin-bottom: 6px; margin-top: 10px } .contents a { color: white } .contents a:active { background-color: #6B6B6B } @@ -145,7 +145,11 @@ } #menu-sign-publish { margin-left: 5px; + color: #AAA; + padding: 7px; + margin: 0px; } +#menu-sign-publish:hover { color: white } /* Small screen */ @media screen and (max-width: 600px) { diff --git a/plugins/Sidebar/media/all.css b/plugins/Sidebar/media/all.css index abb53b6e..30ea5e60 100644 --- a/plugins/Sidebar/media/all.css +++ b/plugins/Sidebar/media/all.css @@ -202,7 +202,7 @@ .globe.error { text-align: center; padding-top: 156px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box ; opacity: 0.2; } /* Sign publish */ -.contents { background-color: #3B3B3B; color: white; padding: 7px 10px; font-family: Consolas; font-size: 11px; display: inline-block; margin-bottom: 6px; } +.contents { background-color: #3B3B3B; color: white; padding: 7px 10px; font-family: Consolas; font-size: 11px; display: inline-block; margin-bottom: 6px; margin-top: 10px } .contents a { color: white } .contents a:active { background-color: #6B6B6B } @@ -223,7 +223,11 @@ } #menu-sign-publish { margin-left: 5px; + color: #AAA; + padding: 7px; + margin: 0px; } +#menu-sign-publish:hover { color: white } /* Small screen */ @media screen and (max-width: 600px) { diff --git a/plugins/Sidebar/media/all.js b/plugins/Sidebar/media/all.js index a77f8ceb..bf1f07d5 100644 --- a/plugins/Sidebar/media/all.js +++ b/plugins/Sidebar/media/all.js @@ -73,18 +73,22 @@ } Menu.prototype.show = function() { - var button_pos; + var button_pos, left; if (window.visible_menu && window.visible_menu.button[0] === this.button[0]) { window.visible_menu.hide(); return this.hide(); } else { button_pos = this.button.offset(); + left = button_pos.left; this.elem.css({ "top": button_pos.top + this.button.outerHeight(), - "left": button_pos.left + "left": left }); this.button.addClass("menu-active"); this.elem.addClass("visible"); + if (this.elem.position().left + this.elem.width() + 20 > window.innerWidth) { + this.elem.css("left", window.innerWidth - this.elem.width() - 20); + } if (window.visible_menu) { window.visible_menu.hide(); } @@ -313,7 +317,8 @@ window.initScrollable = function () { @logStart("Preloading") wrapper.ws.cmd "sidebarGetHtmlTag", {}, (res) => @logEnd("Preloading") - @preload_html = res */ + @preload_html = res + */ this.fixbutton.on("mousedown touchstart", (function(_this) { return function(e) { if (e.button > 0) { @@ -692,7 +697,8 @@ window.initScrollable = function () { return _this.tag.find(".contents + .flex").removeClass("sign-publish-flex"); }; })(this)); - menu = new Menu(this.tag.find("#wrapper-sign-publish")); + menu = new Menu(this.tag.find("#menu-sign-publish")); + menu.elem.css("margin-top", "-130px"); menu.addItem("Sign", (function(_this) { return function() { var inner_path; diff --git a/src/Config.py b/src/Config.py index 19d79303..8a8ea90e 100644 --- a/src/Config.py +++ b/src/Config.py @@ -10,7 +10,7 @@ class Config(object): def __init__(self, argv): self.version = "0.6.1" - self.rev = 3223 + self.rev = 3224 self.argv = argv self.action = None self.config_file = "zeronet.conf"