xhlslan
小狐狸
小狐狸
  • UID33375
  • 注册日期2010-07-10
  • 最后登录2023-01-20
  • 发帖数76
  • 经验52枚
  • 威望0点
  • 贡献值18点
  • 好评度2点
  • 社区居民
  • 忠实会员
阅读:653回复:9

求修改地址栏内工具栏,89版后图标位置偏下

楼主#
更多 发布于:2022-07-06 10:11
这脚本在88能正常用的,89以上也能用但位置偏下,图标底部好像被切了一刀,图标不完整了。

// ==UserScript==// @name           000-addToolbarInsideLocationBar.uc.js
// @namespace      http://space.geocities.yahoo.co.jp/gl/alice0775
// @description    add a Toolbar inside LocationBar
// @include        main
// @compatibility  Firefox 57
// @author         Alice0775
// @version        2017/12/16 15:00 stop-reload button hack default/lightweight theme
// @version        2017/12/15 17:00 57
// @version        2016/01/23 1$:00 fix unexpectedly open url when reorder bookmarks
// @version        2015/08/11 18:00 fix icon size due to bug Bug 1147702
// @version        2015/04/11 12:00 fix icon size due to bug 1147702
// @version        2014/09/28 22:00 fix does not preserve position due to bug 1001090
// @version        2014/06/20 22:00 do not collapse in gullscreen
// @version        2014/06/07 20:00 slightly delayed to display toolbar
// @version        2014/05/23 00:00 preserve position after customize toolbar
// @version        2014/05/16 00:00 check for toolbar had been registered
// @version        2014/05/14 14:20 typ csso
// @version        2014/05/14 00:50 beforecustomization insted aftercustomization
// @version        2014/05/14 00:00 fix style of #bookmarks-menu-button and BookmarkingUI._currentAreaType
// @version        2014/05/13 23:30 fix style of |type=menu-button|
// @version        2014/05/13 21:30 add to view menu
// @version        2014/05/13 13:30 see note below
// @version        2014/05/13 10:30 cosmetic
// @version        2014/05/13 09:30 fix second window
// @version        2014/05/13
// @note           USAGE: View > Toolbars > Cutomize..., then, the "Toolbar Inside LocationBara"(red dotted) appeas at lefy side of nav bar. and you can drag and drop toolbarbutton on to the toolbar. The toolbarbutton will display inside locatonbar after exit customize mode. If you want to drag an item to the other toolbar, you should place the item on palette once, then move it to the other toolbar. i.e, this toolbar > palette > other toolbar
// @note           使い方: ツールバーのカスタマイズに入ると, "Toolbar Inside LocationBara"(赤点線)がナビゲーションバーの左端に表示されるので, そこにツールボタンをドラッグ&ドロップする。カスタマイズ終了後,ツールボタンがロケーションバーのに表示される。このツールバーから別のツールバーにボタンを移動する場合は,一旦パレット領域に置いてください。すなわち このツールバー > パレット > 別のツールバー
// ==/UserScript==
var addToolbarInsideLocationBar = {
  init: function() {
    let style = `
      @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
      #ucjs-Locationbar-toolbar {
        -moz-appearance: none;
        background-color: transparent;
        background-image: none;
        padding: 0px 2px;
        border: none;
      }

      #main-window[customizing] #ucjs-Locationbar-toolbar {
        min-width :30px;
        border: 1px dotted rgba(255,0,0,0.6) ;
      }

      /*default theme*/
      #nav-bar #ucjs-Locationbar-toolbar > toolbarbutton .toolbarbutton-icon{
        width: 18px;
        padding: 0 !important;
      }

      #nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) {
        padding-left: 0;
        padding-right: 0;
      }

      #ucjs-Locationbar-toolbar .toolbarbutton-1:not([type=menu-button]),
      #ucjs-Locationbar-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
      #ucjs-Locationbar-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
        padding: 0;
      }

      #ucjs-Locationbar-toolbar .toolbarbutton-1:not(#bookmarks-menu-button) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
        padding: 5px 2px 4px 2px;
      }

      #ucjs-Locationbar-toolbar #bookmarks-menu-button[cui-areatype="toolbar"]:not(.bookmark-item):not([overflowedItem=true]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 2px;
        padding-right: 2px;
        width: 23px;
      }
      #ucjs-Locationbar-toolbar:not([customizing="true"]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
        width: 18px;
      }

      /* xxx stop-reload button hack default theme*/
      #ucjs-Locationbar-toolbar:not(:-moz-lwtheme) #stop-reload-button > #reload-button > .toolbarbutton-icon,
      #ucjs-Locationbar-toolbar:not(:-moz-lwtheme) #stop-reload-button > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
      {
        fill: rgb(0, 0, 0);
      }
      #ucjs-Locationbar-toolbar:not(:-moz-lwtheme) #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
      #ucjs-Locationbar-toolbar:not(:-moz-lwtheme) #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
      {
        fill: rgb(0, 0, 0);
      }
      /* xxx stop-reload button hack lightweight theme (bright theme)*/
      #ucjs-Locationbar-toolbar:-moz-lwtheme-darktext #stop-reload-button > #reload-button > .toolbarbutton-icon,
      #ucjs-Locationbar-toolbar:-moz-lwtheme-darktext #stop-reload-button > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
      {
        fill: rgb(0, 0, 0);
      }
      #ucjs-Locationbar-toolbar:-moz-lwtheme-darktext #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
      #ucjs-Locationbar-toolbar:-moz-lwtheme-darktext #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
      {
        fill: rgb(0, 0, 0);
      }
      /* xxx stop-reload button hack lightweight theme (dark theme)*/
      #ucjs-Locationbar-toolbar:-moz-lwtheme-brighttext #stop-reload-button > #reload-button > .toolbarbutton-icon,
      #ucjs-Locationbar-toolbar:-moz-lwtheme-brighttext #stop-reload-button > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
      {
        fill: rgb(255, 255, 255);
      }
      #ucjs-Locationbar-toolbar:-moz-lwtheme-brighttext #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
      #ucjs-Locationbar-toolbar:-moz-lwtheme-brighttext #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
      {
        fill: rgb(255, 255, 255);
      }      
      `.replace(/\s+/g, " ");

    let sspi = document.createProcessingInstruction(
      'xml-stylesheet',
      'type="text/css" href="data:text/css,' + encodeURIComponent(style) + '"'
    );
    document.insertBefore(sspi, document.documentElement);
    sspi.getAttribute = function(name) {
      return document.documentElement.getAttribute(name);
    };

    const kNSXUL = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
    Components.utils.import("resource:///modules/CustomizableUI.jsm");

    //create toolbar
    let toolbar = document.createElementNS(kNSXUL, "toolbar");
    toolbar.setAttribute("id", "ucjs-Locationbar-toolbar");
    toolbar.setAttribute("customizable", "true");
    toolbar.setAttribute("mode", "icons");
    toolbar.setAttribute("iconsize", "small");
    toolbar.setAttribute("context", "toolbar-context-menu");
    toolbar.setAttribute("class", "toolbar-primary chromeclass-toolbar customization-target");
    toolbar.setAttribute("fullscreentoolbar", "true");
    toolbar.setAttribute("toolbarname", "地址栏内工具栏");
    toolbar.setAttribute("toolboxid", "navigator-toolbox");
    toolbar.setAttribute("hidden", "true");
    setTimeout(function(){toolbar.removeAttribute("hidden");}, 0)

    //register toolbar.id
    //already registered when opening the second or later window
    if (CustomizableUI.getAreaType("ucjs-Locationbar-toolbar")) {
      // do nothing
    } else
      try {
        CustomizableUI.registerToolbarNode(toolbar);
        CustomizableUI.registerArea("ucjs-Locationbar-toolbar", {
          type: CustomizableUI.TYPE_TOOLBAR,
          defaultPlacements: ["feed-button"]
        });
      } catch(e) {}

    let ref = this.getInsertPoint();
    ref.appendChild(toolbar);
    // xxxx toDo removing dirty hack
    gURLBar.onDrop_addToolbarInsideLocationBar = gURLBar.onDrop;
    gURLBar.onDrop = function(event) {
      var toolbar = document.getElementById("ucjs-Locationbar-toolbar");
      var target = event.originalTarget;
      while(target) {
        if (target == toolbar) {
          return;
        }
        target = target.parentNode;
      }
      
      gURLBar.onDrop_addToolbarInsideLocationBar(event);
    };
    //
    window.addEventListener("beforecustomization", this, true);
    //BookmarkingUI._updateCustomizationState();
  },

  getInsertPoint: function() {
    return (document.getElementById("urlbar-icons")
            || document.getElementById("page-action-buttons")
           );
  },

  handleEvent: function(event) {
    let toolbar = document.getElementById("ucjs-Locationbar-toolbar");
    switch(event.type) {
      case "beforecustomization":
        window.addEventListener("customizationending", this, false);
        this.placeholder = toolbar.parentNode.insertBefore(document.createElement("hbox"), toolbar);
        let ref = document.getElementById("nav-bar-customization-target");
        toolbar.setAttribute("tooltiptext", "地址栏内工具栏");
        ref.parentNode.insertBefore(toolbar, ref);
        break;
      case "customizationending":
        window.removeEventListener("customizationending", this, false);
        this. placeholder.parentNode.replaceChild(toolbar, this. placeholder);
        toolbar.removeAttribute("tooltiptext");
        //BookmarkingUI._updateCustomizationState();
        break;
    }
  },
};
addToolbarInsideLocationBar.init();
逗妇乳
小狐狸
小狐狸
  • UID50148
  • 注册日期2015-06-01
  • 最后登录2022-11-21
  • 发帖数83
  • 经验89枚
  • 威望0点
  • 贡献值32点
  • 好评度6点
1楼#
发布于:2022-07-06 21:00
简单写了一下 CSS,不行别找我了,反正我这里对齐了
#nav-bar #ucjs-Locationbar-toolbar>.toolbarbutton-1 {
    width: calc(var(--urlbar-min-height) - 2 * var(--urlbar-container-padding)) !important;
    height: calc(var(--urlbar-min-height) - 2 * var(--urlbar-container-padding)) !important;
    border-radius: var(--urlbar-icon-border-radius);
}
#nav-bar #ucjs-Locationbar-toolbar>.toolbarbutton-1>.toolbarbutton-badge-stack {
    padding: 0 !important;
}
#nav-bar #ucjs-Locationbar-toolbar>.toolbarbutton-1>.toolbarbutton-icon,
#nav-bar #ucjs-Locationbar-toolbar>.toolbarbutton-1>.toolbarbutton-badge-stack>.toolbarbutton-icon,
#nav-bar #ucjs-Locationbar-toolbar #downloads-indicator-icon {
    width: calc(var(--locationbar-icon-width) + 2 * var(--urlbar-icon-padding)) !important;
    height: calc(var(--locationbar-icon-height) + 2 * var(--urlbar-icon-padding)) !important;
    padding: var(--urlbar-icon-padding) !important;
    -moz-context-properties: fill, fill-opacity;
    fill-opacity: var(--urlbar-icon-fill-opacity);
    border-radius: var(--urlbar-icon-border-radius);
}
#nav-bar #ucjs-Locationbar-toolbar .toolbarbutton-1:is(:hover,:active,:focus,:focus-within,[open="true"])>image,
#nav-bar #ucjs-Locationbar-toolbar .toolbarbutton-1:is(:hover,:active,:focus,:focus-within,[open="true"])>.toolbarbutton-badge-stack>image,
#nav-bar #ucjs-Locationbar-toolbar #downloads-button:is(:hover,:active,:focus,:focus-within,[open="true"]) #downloads-indicator-icon {
    background-color: var(--urlbar-box-hover-bgcolor) !important;
    color: var(--urlbar-box-hover-text-color) !important;
}
https://github.com/benzBrake/FirefoxCustomize/blob/master/userChromeJS/addToolbarInsideLocationBar.uc.js
xhlslan
小狐狸
小狐狸
  • UID33375
  • 注册日期2010-07-10
  • 最后登录2023-01-20
  • 发帖数76
  • 经验52枚
  • 威望0点
  • 贡献值18点
  • 好评度2点
  • 社区居民
  • 忠实会员
2楼#
发布于:2022-07-06 22:04
逗妇乳:简单写了一下 CSS,不行别找我了,反正我这里对齐了
#nav-bar #ucjs-Locationbar-toolbar>.toolbarbutton-1 {
  width: calc(var(--urlbar-height)...
回到原帖
16改26只是图标变大了,位置还是没变,需要调哪里吗
逗妇乳
小狐狸
小狐狸
  • UID50148
  • 注册日期2015-06-01
  • 最后登录2022-11-21
  • 发帖数83
  • 经验89枚
  • 威望0点
  • 贡献值32点
  • 好评度6点
3楼#
发布于:2022-07-06 22:18
xhlslan:16改26只是图标变大了,位置还是没变,需要调哪里吗回到原帖

我用默认主题,3个密度都没问题的,可以对齐
是不是你有别的css影响了
xhlslan
小狐狸
小狐狸
  • UID33375
  • 注册日期2010-07-10
  • 最后登录2023-01-20
  • 发帖数76
  • 经验52枚
  • 威望0点
  • 贡献值18点
  • 好评度2点
  • 社区居民
  • 忠实会员
4楼#
发布于:2022-07-06 22:58
逗妇乳:我用默认主题,3个密度都没问题的,可以对齐
是不是你有别的css影响了
回到原帖
用了新配置,可以了,谢谢大神。
逗妇乳
小狐狸
小狐狸
  • UID50148
  • 注册日期2015-06-01
  • 最后登录2022-11-21
  • 发帖数83
  • 经验89枚
  • 威望0点
  • 贡献值32点
  • 好评度6点
5楼#
发布于:2022-07-07 22:31
xhlslan:用了新配置,可以了,谢谢大神。回到原帖
昨天写的有 bug 你更新一下
xhlslan
小狐狸
小狐狸
  • UID33375
  • 注册日期2010-07-10
  • 最后登录2023-01-20
  • 发帖数76
  • 经验52枚
  • 威望0点
  • 贡献值18点
  • 好评度2点
  • 社区居民
  • 忠实会员
6楼#
发布于:2022-07-08 10:44
逗妇乳:昨天写的有 bug 你更新一下回到原帖
这个同样有bug啊,在标签栏右键会出现两个‘地址栏内工具栏’,再次进入‘定制工具栏’页,里面那个乱啊,把最后‘完成’的按钮都撑到外面了。只能关闭定制页再重启才能用。
逗妇乳
小狐狸
小狐狸
  • UID50148
  • 注册日期2015-06-01
  • 最后登录2022-11-21
  • 发帖数83
  • 经验89枚
  • 威望0点
  • 贡献值32点
  • 好评度6点
7楼#
发布于:2022-07-08 11:15
xhlslan:这个同样有bug啊,在标签栏右键会出现两个‘地址栏内工具栏’,再次进入‘定制工具栏’页,里面那个乱啊,把最后‘完成’的按钮都撑到外面了。只能关闭定制页再重启才能用。回到原帖

你是不是保存两个脚本了
这个脚本我也用上了,没发现这个问题
xhlslan
小狐狸
小狐狸
  • UID33375
  • 注册日期2010-07-10
  • 最后登录2023-01-20
  • 发帖数76
  • 经验52枚
  • 威望0点
  • 贡献值18点
  • 好评度2点
  • 社区居民
  • 忠实会员
8楼#
发布于:2022-07-08 13:44
逗妇乳:你是不是保存两个脚本了
这个脚本我也用上了,没发现这个问题
回到原帖
五五,又是我的错,我用了两个环境xiaoxiaoflood和alice0775合在一起的,可能读了两次。
现在单独用alice0775环境,很完美。
xhlslan
小狐狸
小狐狸
  • UID33375
  • 注册日期2010-07-10
  • 最后登录2023-01-20
  • 发帖数76
  • 经验52枚
  • 威望0点
  • 贡献值18点
  • 好评度2点
  • 社区居民
  • 忠实会员
9楼#
发布于:2022-07-08 13:51
xhlslan:五五,又是我的错,我用了两个环境xiaoxiaoflood和alice0775合在一起的,可能读了两次。
现在单独用alice0775环境,很完美。
回到原帖
哎,以前88也是两个环境合在一起的没有问题。
游客

返回顶部