Полезная информация

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

№887630-07-2020 00:21:37

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

_zt пишет

Посмотрите что дает одинарный и двойной таб в подсказках. Возможно так лучше будет для всех подсказок вашего расширения. Более информативно.

Выглядит хорошо, но места больше может занять. Вы кстати меня запутали, у меня в расширении сначала идет (нажимаем) Shift потом ЛКМ|СКМ|ПКМ здесь же получилось наоборот глядя на пост №8852, ну да мелочи это.

voqabuhe пишет

На мой взгляд было бы прикольно, если бы всё что есть в соответствующей кнопке в Add Toolbar Buttons продублировать через Shift для about:config (old)

Не думаю, зачем добавлять то что удалят возможно скоро.
ez7pac
а поля желтым цветом выделены это же не на скриншоте только, значит явно стили к ним применяются...

Отредактировано Vitaliy V. (30-07-2020 00:36:19)

Отсутствует

 

№887730-07-2020 00:25:13

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет

Не думаю, зачем добавлять то что удалят возможно скоро.

Ну если будут удалять, тогда да, нечего и думать. А вдруг таки оставят? :)

Отсутствует

 

№887830-07-2020 02:41:18

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1419
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.

расширении сначала идет (нажимаем) Shift потом ЛКМ|СКМ|ПКМ

Точно, я сам не заметил. Тогда так ровно не получится, но все равно, на мой взгляд, легче читается.
2020.1596065541.png

ez7pac
Да и точки там не такие, должны быть жирнющие, размером с букву "о" в слове "пароль".

Отсутствует

 

№887930-07-2020 03:41:08

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 78.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет

ez7pac
а поля желтым цветом выделены это же не на скриншоте только, значит явно стили к ним применяются...

Да, конечно.

Отсутствует

 

№888030-07-2020 10:10:31

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 78.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Подскажите пожалуйста. Использую в custom_style_agent.css стиль для вертикальной и горизонтальной полос прокрутки, в нём есть такая, не очень приятная особенность, - при изменении масштаба страницы, ползунок увеличивается в ширину, а в длину уменьшается. Add: В длину дефолтный скролл тоже изменяется, значит только изменение ширины бы подправить. Первоисточник стиля мне неизвестен, поэтому решил спросить здесь. Может можно как-то это исправить малой кровью. Спасибо.

скрытый текст
100%618f6ba5dbc3.png133%fedde1b85c11.png

Выделить код

Код:

scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-top"],
scrollbarbutton[sbattr="scrollbar-up-bottom"],
scrollbarbutton[sbattr="scrollbar-down-bottom"]
{
  -moz-appearance: none !important;
  display: none !important;
}

scrollbar[orient="vertical"]
{
  -moz-margin-start: -15px;
  min-width: 15px!important;
  max-width: 15px!important;
  -moz-appearance: none!important;
  position: relative;
  background-color: transparent!important;
  background-image: none!important;
  border: 0;
  z-index: 2147483647;
  -moz-box-align: start;
  padding: 1px 1px 1px 6px!important;
}

scrollbar[orient="horizontal"]
{
  margin-top: -15px;
  min-height: 15px;
  max-height: 15px;
  -moz-appearance: none!important;
  position: relative;
  background-color: transparent;
  background-image: none;
  border: 0;
  z-index: 2147483647;
  -moz-box-align: start;
  padding: 6px 11px 1px 1px!important;
}

scrollbar thumb
{
  -moz-appearance: none !important;
  background-color: rgba(200,0,0,0.5);
  border-radius: 8px;
  border: 0;
}

scrollbar[orient="vertical"] thumb
{
  min-height: 20px!important;
  min-width: 15px!important;
  max-width: 15px!important;
}

scrollbar[orient="horizontal"] thumb
{
  min-width: 20px!important;
  min-height: 15px!important;
  max-height: 15px!important;
}

scrollbar thumb:hover, scrollbar thumb:active
{
  background-color: rgba(0,0,0,0.5);
}

html div scrollbar
{
  -moz-margin-start: 0!important;
}

Отредактировано sandro79 (30-07-2020 10:58:31)

Отсутствует

 

№888130-07-2020 11:49:36

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Закладки , вместо star-button  . первый щелчок - не та ориентация , потом - как надо.Копать куда? (places-menupopup.js) ?
bdk9pz6m.jpg
mi585tiv.jpg
Может class изменить? не class="panel-arrowcontent" , а popup ?

Отредактировано solombala (30-07-2020 16:22:14)

Отсутствует

 

№888230-07-2020 17:13:20

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Chrome 75.0

Re: Настройка внешнего вида Firefox в userChrome.css

sandro79 пишет

Может можно как-то это исправить

Нет стилем ничего не сделать если scrollbar -moz-appearance: none
в любом стиле для скроллбара тоже самое


solombala пишет

первый щелчок - не та ориентация

Да есть такое, когда скрыты star-button, pageActionButton

solombala пишет

places-menupopup.js

нет, panel.js
или вот такое попробуй в custom_script_win.js
ucf_custom_script_win.load

скрытый текст

Выделить код

Код:

(() => {
            var popup = document.querySelector("#mainPopupSet");
            if (popup.querySelector(":scope > #editBookmarkPanel"))
                return;
            var obs = new MutationObserver((mutations, observer) => {
                for (let mutation of mutations) {
                    for (let node of mutation.addedNodes) {
                        if (node.id == "editBookmarkPanel") {
                            node.addEventListener("popupshown", () => {
                                setTimeout(() => {
                                    node?.adjustArrowPosition?.();
                                }, 100);
                            }, { once: true });
                            observer.disconnect();
                        }
                    }
                }
            });
            obs.observe(popup, {
                childList: true,
            });
            this.editbookmarkpanel = {
                destructor() {
                    obs.disconnect();
                }
            };
            this.unloadlisteners.push("editbookmarkpanel");
        })();

Отредактировано Vitaliy V. (30-07-2020 21:27:34)

Отсутствует

 

№888330-07-2020 17:49:21

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
panel.js - это в elements ? Код туда влепить?
А, то втюхал просто в ini кнопку СВ , вроде норм. Хотелось бы в скрипт(custom_script.js), СВ- не надежно , сегодня есть, завтра зарубят...

Отредактировано solombala (30-07-2020 17:55:33)

Отсутствует

 

№888430-07-2020 18:07:31

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala пишет

panel.js - это в elements

Да там есть функция adjustArrowPosition

solombala пишет

Код туда влепить?

нет это для использования в пользовательском скрипте типа custom_script_win.js, если в CB то там нужно addDestructor добавлять а то при перетаскивании кнопки будет добавлено много MutationObserver...

Отсутствует

 

№888530-07-2020 18:23:25

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
От теперь просто в тупике, в ini кнопки работает вроде без проблем. Сюда custom_script.js - нельзя. Так может сам panel.js рихтануть?

Отсутствует

 

№888630-07-2020 18:52:59

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Виталий, посмотрите, пожалуйста, этот код.
Вроде не работает и если есть код ниже, то тоже игнорируется. Код вставляю через @import в custom_style_user.css

Отредактировано xrun1 (30-07-2020 18:53:40)

Отсутствует

 

№888730-07-2020 19:15:14

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala
ну добавь в CB такой код, но не проверял вроде должен правильно работать, в скрипте тоже работает

скрытый текст

Выделить код

Код:

(function() {
    var popup = document.querySelector("#mainPopupSet");
    if (popup.querySelector(":scope > #editBookmarkPanel"))
        return;
    var obs = new MutationObserver((mutations, observer) => {
        for (let mutation of mutations) {
            for (let node of mutation.addedNodes) {
                if (node.id == "editBookmarkPanel") {
                    node.addEventListener("popupshown", () => {
                        setTimeout(() => {
                            node?.adjustArrowPosition?.();
                        }, 100);
                    }, { once: true });
                    observer.disconnect();
                }
            }
        }
    });
    obs.observe(popup, {
        childList: true,
    });
    if (typeof addDestructor === "function")
        addDestructor(() => obs.disconnect());
})();

xrun1
В коде нет ошибок, синтаксиса тем более, и он рабочий
смотрите выше что у вас, или выложите полностью...

Отредактировано Vitaliy V. (30-07-2020 19:18:51)

Отсутствует

 

№888830-07-2020 19:28:32

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Втавил в custom_script_win.js , полет нормальный, так и первый код тоже был норм, где поганка то зарыта была?

Отсутствует

 

№888930-07-2020 19:36:42

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala пишет

так и первый код тоже был норм

Ну да первый для custom_script_win.js, его там и надо использовать.
Не подходит для CB потому что при перетаскивании кнопки CB она многократно инициализируется
и добавляется много MutationObserver что нехорошо, а так да ты и не заметишь разницы.
Второй вариант сделал для CB.

Отсутствует

 

№889030-07-2020 19:39:28

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Раз пошла такая пьянка, а как от такой позиции избавиться? пару кнопок добавил слева и такой результат...
b6yticpq.jpg

Отсутствует

 

№889130-07-2020 20:12:27

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala
Ну это же не баг, по умолчанию она в такой позиции
или ты хочешь наоборот сделать у тебя что эти star-button, pageActionButton вообще скрыты?

Отсутствует

 

№889230-07-2020 20:46:53

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Ну, да в PageActions.jsm....Неужели никакую фичу нельзя придумать...

скрытый текст
id: ACTION_ID_BOOKMARK,
    urlbarIDOverride: "star-button-box",
    _urlbarNodeInMarkup: false,
    // The title is set by BookmarkingUI.updateBookmarkPageMenuItem().
    title: "",
    pinnedToUrlbar: false,
    onShowingInPanel(buttonNode) {
      browserPageActions(buttonNode).bookmark.onShowingInPanel(buttonNode);
    },
    onCommand(event, buttonNode) {
      browserPageActions(buttonNode).bookmark.onCommand(event, buttonNode);
    },
  },

Отредактировано solombala (30-07-2020 21:04:25)

Отсутствует

 

№889330-07-2020 21:44:55

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala
если в
browser-places.js:
async showEditBookmarkPopup(aNode, aIsNewBookmark, aUrl) {
...
//this.panel.openPopup(this._anchorElement, "bottomcenter topright");
this.panel.openPopup(this._anchorElement, "bottomcenter topleft");



и код обнови из №8882 для custom_script_win.js если используешь

Отредактировано Vitaliy V. (30-07-2020 21:46:55)

Отсутствует

 

№889430-07-2020 22:27:27

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Скрипт обновил  ...С этим что не творю

скрытый текст
async showEditBookmarkPopup(aNode, aIsNewBookmark, aUrl) {
    // Slow double-clicks (not true double-clicks) shouldn't
    // cause the panel to flicker.
    if (this.panel.state != "closed") {
      return;
    }

    //this.panel.openPopup(this._anchorElement, "bottomcenter topright");
    this.panel.openPopup(this._anchorElement, "bottomcenter topleft");

, шняга какая-то , квадрат и тоже влево косит..

Отсутствует

 

№889530-07-2020 23:53:02

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala
Ну не знаю  у меня так

скрытый текст
SNIMOK-EKRANA-V-2020-07-30-23-45-08.png

нужно же только topright на topleft изменить
//this.panel.openPopup(this._anchorElement, "bottomcenter topright");
this.panel.openPopup(this._anchorElement, "bottomcenter topleft");

Отредактировано Vitaliy V. (30-07-2020 23:56:16)

Отсутствует

 

№889631-07-2020 00:08:11

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
какую строку? Там не таких, куда конкретно подставлять? Вот код , который там

скрытый текст

Выделить код

Код:

async showEditBookmarkPopup(aNode, aIsNewBookmark, aUrl) {
    // Slow double-clicks (not true double-clicks) shouldn't
    // cause the panel to flicker.
    if (this.panel.state != "closed") {
      return;
    }

    this._isNewBookmark = aIsNewBookmark;
    this._itemGuids = null;

    this._element("editBookmarkPanelTitle").value = this._isNewBookmark
      ? gNavigatorBundle.getString("editBookmarkPanel.newBookmarkTitle")
      : gNavigatorBundle.getString("editBookmarkPanel.editBookmarkTitle");

    this._element(
      "editBookmarkPanel_showForNewBookmarks"
    ).checked = this.showForNewBookmarks;

Отсутствует

 

№889731-07-2020 00:13:52

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala
ищи лучше, в конце функции showEditBookmarkPopup
у меня строка 300, есть она
this.panel.openPopup(this._anchorElement, "bottomcenter topright");

Отредактировано Vitaliy V. (31-07-2020 00:15:24)

Отсутствует

 

№889831-07-2020 00:26:09

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Так это другое дело!!! Кстати, после смены этого   this.panel.openPopup(this._anchorElement, "bottomcenter topright");
на     this.panel.openPopup(this._anchorElement, "bottomcenter toleft");  первый код стал не нужен.....
как бы здесь чекеры поярче выразить, в смысле, дропы потемнее или как их...Окошко маловато, и галочки невыразительные
b23upfrf.jpg
Впрочем, окошко увеличил, а вот с галочкой ? куда рыть?
Откуда там этот check или checker берется?   Все перелопатил , ....!

Отредактировано solombala (01-08-2020 17:54:48)

Отсутствует

 

№889902-08-2020 16:53:32

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

Люди добрые, как привести в порядок эти кнопки? FF68, Win10 x64. Спасибо всем. Стиль от Vitaliy
http://prnt.sc/tsp0df

Отсутствует

 

№890002-08-2020 17:50:30

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 79.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala пишет

а вот с галочкой ?

скрытый текст

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/") {
checkbox, radio {
    -moz-appearance: none !important;
    -moz-box-align: center !important;
    margin: 2px 4px !important;
}
checkbox .checkbox-check,
radio .radio-check {
    -moz-appearance: none !important;
    margin: 2px !important;
    margin-inline-end: 8px !important;
    height: 16px !important;
    width: 16px !important;
    padding: 0 !important;
    background-clip: border-box !important;
    border: 1px solid #3c3c3d !important;
    border-radius: 0 !important;
    background-color: rgba(0,0,0,0.5) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px !important;
}
radio .radio-check {
    border-radius: 8px !important;
}
checkbox .checkbox-check[checked="true"] {
    border-color: #0074e8 !important;
    background-color: #0074e8 !important;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='M 4,5 7.5,8.5 12,4 V 8 L 8,12 H 7 L 4,9 Z' style='fill:white'/></svg>") !important;
}
radio .radio-check[selected="true"] {
    border-color: #0074e8 !important;
    background-color: #0074e8 !important;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><circle cx='8' cy='8' r='4' style='fill:white'/></svg>") !important;
}
checkbox .checkbox-check[disabled="true"],
radio .radio-check[disabled="true"] {
    opacity: .6 !important;
}
}

Вит
Не вижу, где мой стиль?
Кнопки управления окном - https://forum.mozilla-russia.org/viewto … 72#p765572

Отредактировано Vitaliy V. (03-08-2020 16:07:52)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]