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

Stkvsky · №9626

Vitaliy V. пишет

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

Отлично, заработало, спасибо вам большое
А вот то что после перезапуска браузера вкладки гугл снова стандартного размера(пока не нажмешь на вкладку) это нельзя убрать?
Чтобы они сохраняли размер свой

Отредактировано Stkvsky (20-02-2021 16:22:34)

rubel · №9627

Vitaliy V. пишет

Visual Studio Code, причем бесплатный.
Кнопки снизу добавлены расширением.

А не поделитесь этим расширением? Я скачал Visual Studio Code portable последнюю версию 1.53.2-42.
Да хорошо показывает ошибки !

Vitaliy V. · №9628

rubel
https://marketplace.visualstudio.com/it … e-commands
И добавляйте свои кнопки, или вот чтобы не возится

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

Выделить код

Код:

"commands.commands": [
  {
    "text": "$(diff-added)",
    "tooltip": "Новый файл...",
    "color": "#ff69b4",
    "command": "workbench.action.files.newUntitledFile",
    "alignment": "left"
  },
  {
    "text": "$(file-code)",
    "tooltip": "Открыть файл...",
    "color": "#ff69b4",
    "command": "workbench.action.files.openFile",
    "alignment": "left"
  },
  {
    "text": "$(file-directory)",
    "tooltip": "Открыть папку...",
    "color": "#ff69b4",
    "command": "workbench.action.files.openFolder",
    "alignment": "left"
  },
  {
    "text": "$(diff-modified)",
    "tooltip": "Сохранить",
    "color": "#ff006a",
    "command": "workbench.action.files.save",
    "alignment": "left"
  },
  {
    "text": "$(diff-modified)",
    "tooltip": "Сохранить как...",
    "color": "#ff69b4",
    "command": "workbench.action.files.saveAs",
    "alignment": "left"
  },
  {
    "text": "$(diff-modified)",
    "tooltip": "Сохранить все",
    "color": "#ff006a",
    "command": "workbench.action.files.saveAll",
    "alignment": "left"
  },
  {
    "text": "$(chevron-left)",
    "tooltip": "Отменить",
    "color": "#ff69b4",
    "command": "default:undo",
    "alignment": "left"
  },
  {
    "text": "$(chevron-right)",
    "tooltip": "Вернуть",
    "color": "#ff69b4",
    "command": "default:redo",
    "alignment": "left"
  },
  {
    "text": "$(search)",
    "tooltip": "Найти",
    "color": "#ff69b4",
    "command": "actions.find",
    "alignment": "left"
  },
  {
    "text": "$(search)",
    "tooltip": "Найти в файлах",
    "color": "#ff69b4",
    "command": "workbench.action.findInFiles",
    "alignment": "left"
  },
  {
    "text": "$(diff)",
    "tooltip": "Сравнить активный файл с...",
    "color": "#ff69b4",
    "command": "workbench.files.action.compareFileWith",
    "alignment": "left"
  },
  {
    "text": "$(diff)",
    "tooltip": "Сравнить активный файл с буфером обмена",
    "color": "#ff69b4",
    "command": "workbench.files.action.compareWithClipboard",
    "alignment": "left"
  },
  {
    "text": "$(list-ordered)",
    "tooltip": "Включить/выключить перенос текста",
    "color": "#ff69b4",
    "command": "editor.action.toggleWordWrap",
    "alignment": "left"
  },
  {
    "text": "$(quote)",
    "tooltip": "Закомментировать или раскомментировать строку",
    "color": "#ff69b4",
    "command": "editor.action.commentLine",
    "alignment": "left"
  },
  {
    "text": "$(quote)",
    "tooltip": "Закомментировать или раскомментировать блок",
    "color": "#ff69b4",
    "command": "editor.action.blockComment",
    "alignment": "left"
  },
  {
    "text": "$(horizontal-rule)",
    "tooltip": "Объединить строки",
    "color": "#ff69b4",
    "command": "editor.action.joinLines",
    "alignment": "left"
  },
  {
    "text": "A",
    "tooltip": "Преобразовать в верхний регистр",
    "color": "#ff69b4",
    "command": "editor.action.transformToUppercase",
    "alignment": "left"
  },
  {
    "text": "a",
    "tooltip": "Преобразовать в нижний регистр",
    "color": "#ff69b4",
    "command": "editor.action.transformToLowercase",
    "alignment": "left"
  },
  {
    "text": "$(arrow-left)",
    "tooltip": "Закрыть все слева",
    "color": "#ff006a",
    "command": "workbench.action.closeEditorsToTheLeft",
    "alignment": "left"
  },
  {
    "text": "$(arrow-right)",
    "tooltip": "Закрыть все справа",
    "color": "#ff006a",
    "command": "workbench.action.closeEditorsToTheRight",
    "alignment": "left"
  }
]

это добавить в settings.json (там находятся все настройки юзера)
можно так найти его

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

далее Изменить в settings.json

Отредактировано Vitaliy V. (20-02-2021 17:53:15)

harryk · №9629

Vitaliy V. пишет

Code - OSS, это скомпилированная версия без телеметрии

Для Win такое есть? Ну или хотя бы для Убунты?

rubel · №9630

Vitaliy V. пишет

далее Изменить в settings.json

Повозился я однако. Но все получилось. При копировании затесалась лишняя квадратная скобка.
Хорошая, полезная вещь. :beer:

Vitaliy V. · №9631

Stkvsky
browser.sessionstore.restore_on_demand - false и/или browser.sessionstore.restore_tabs_lazily - false
или измененный код

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

Выделить код

Код:

(this.ucf_tabs_location_change = {
            addListener: false,
            init(that) {
                try {
                    gBrowser.addTabsProgressListener(this);
                    that.unloadlisteners.push("ucf_tabs_location_change");
                    if (Services.prefs.getBoolPref("browser.sessionstore.restore_on_demand") && Services.prefs.getBoolPref("browser.sessionstore.restore_tabs_lazily")) {
                        window.addEventListener("TabOpen", this);
                        this.addListener = true;
                    }
                } catch(e) {}
            },
            onLocationChange(aBrowser, aWebProgress, aRequest, aLocation, aFlags) {
                if (this.addListener)
                    window.removeEventListener("TabOpen", this);
                (this.onLocationChange = (aBrowser, aWebProgress, aRequest, aLocation, aFlags) => {
                    var tab;
                    if (!aWebProgress.isTopLevel || !aBrowser || !(tab = gBrowser.getTabForBrowser(aBrowser))) return;
                    var curruri = aBrowser.currentURI;
                    tab.setAttribute("ucf-spec", curruri.spec);
                    tab.setAttribute("ucf-specIgnoringRef", curruri.specIgnoringRef);
                    tab.setAttribute("ucf-scheme", curruri.scheme);
                    try {
                        let host = curruri.host;
                        tab.setAttribute("ucf-host", host);
                    } catch(e) {
                        tab.setAttribute("ucf-host", "");
                    }
                })(aBrowser, aWebProgress, aRequest, aLocation, aFlags);
            },
            handleEvent(e) {
                var tab = e.target;
                var curruri = tab.linkedBrowser.currentURI;
                tab.setAttribute("ucf-spec", curruri.spec);
                tab.setAttribute("ucf-specIgnoringRef", curruri.specIgnoringRef);
                tab.setAttribute("ucf-scheme", curruri.scheme);
                try {
                    let host = curruri.host;
                    tab.setAttribute("ucf-host", host);
                } catch(e) {
                    tab.setAttribute("ucf-host", "");
                }
            },
            destructor() {
                gBrowser.removeTabsProgressListener(this);
            }
        }).init(this);

harryk
Есть ещё тоже самое - VSCodium https://github.com/vscodium/vscodium/releases
там есть инсталяторы exe deb rpm ...

Stkvsky · №9632

Vitaliy V. пишет

или измененный код

Класс, спасибо большое за помощь

voqabuhe · №9633

solombala, ты не заметил моей просьбы №9704, или у тебя принципиальная позиция, приходить и только получать для себя, и ни с кем ничем не делиться?

ALEXS135 · №9634

Добрый вечер. Подскажите, пожалуйста как скрыть пункт меню ПКМ - печать выделенной области.

sandro79 · №9635

ALEXS135 пишет

как скрыть пункт меню ПКМ - печать выделенной области

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

Выделить код

Код:

#context-print-selection {
    display: none !important;
}

ALEXS135 · №9636

sandro79 Большое спасибо!!! Красота!!!

Stkvsky · №9637

Vitaliy V.
А можно вас еще попросить сделать, если можно, чтобы ширина вкладки подстраивалась под ширину названия?

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

Выделить код

Код:

(this.ucf_tabs_location_change = {
            addListener: false,
            init(that) {
                try {
                    gBrowser.addTabsProgressListener(this);
                    that.unloadlisteners.push("ucf_tabs_location_change");
                    if (Services.prefs.getBoolPref("browser.sessionstore.restore_on_demand") && Services.prefs.getBoolPref("browser.sessionstore.restore_tabs_lazily")) {
                        window.addEventListener("TabOpen", this);
                        this.addListener = true;
                    }
                } catch(e) {}
            },
            onLocationChange(aBrowser, aWebProgress, aRequest, aLocation, aFlags) {
                if (this.addListener)
                    window.removeEventListener("TabOpen", this);
                (this.onLocationChange = (aBrowser, aWebProgress, aRequest, aLocation, aFlags) => {
                    var tab;
                    if (!aWebProgress.isTopLevel || !aBrowser || !(tab = gBrowser.getTabForBrowser(aBrowser))) return;
                    var curruri = aBrowser.currentURI;
                    tab.setAttribute("ucf-spec", curruri.spec);
                    tab.setAttribute("ucf-specIgnoringRef", curruri.specIgnoringRef);
                    tab.setAttribute("ucf-scheme", curruri.scheme);
                    try {
                        let host = curruri.host;
                        tab.setAttribute("ucf-host", host);
                    } catch(e) {
                        tab.setAttribute("ucf-host", "");
                    }
                })(aBrowser, aWebProgress, aRequest, aLocation, aFlags);
            },
            handleEvent(e) {
                var tab = e.target;
                var curruri = tab.linkedBrowser.currentURI;
                tab.setAttribute("ucf-spec", curruri.spec);
                tab.setAttribute("ucf-specIgnoringRef", curruri.specIgnoringRef);
                tab.setAttribute("ucf-scheme", curruri.scheme);
                try {
                    let host = curruri.host;
                    tab.setAttribute("ucf-host", host);
                } catch(e) {
                    tab.setAttribute("ucf-host", "");
                }
            },
            destructor() {
                gBrowser.removeTabsProgressListener(this);
            }
        }).init(this);

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

Выделить код

Код:

.tabbrowser-tab[ucf-host="www.google.com"][fadein]:not([pinned]) {
    max-width: 100px !important;
}

Отредактировано Stkvsky (21-02-2021 13:16:48)

Vitaliy V. · №9638

Stkvsky
Как-то не логично, то уменьшить, то теперь вообще одна вкладка может стать во всю ширину окна, так чего же требуется вам.

Stkvsky · №9639

Vitaliy V.
У меня получается как раз наоборот, все кладки по 30px шириной, то есть только иконки вот так:

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

А вкладка гугл теперь с вашим скриптом шире остальных, но иногда ширины не хватает чтобы была видна вся надпись
Вот так получается:

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

Отредактировано Stkvsky (21-02-2021 15:20:23)

Vitaliy V. · №9640

Stkvsky пишет

А вкладка гугл теперь с вашим скриптом шире остальных, но иногда ширины не хватает чтобы была видна вся надпись

Что мешает прибавить скажем 200px вместо 100
max-width: 200px !important;
также можно минимальный размер указать
min-width: 200px !important;

Stkvsky · №9641

Vitaliy V.
Сейчас так и сделал, да вот в том то и дело что иногда ширины мало а иногда много, подумал что может можно так сделать для удобства, если не сложно

Отредактировано Stkvsky (21-02-2021 15:43:24)

Vitaliy V. · №9642

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

Отредактировано Vitaliy V. (21-02-2021 15:56:48)

Stkvsky · №9643

Vitaliy V.
Хорошо, а можно тогда если не сложно, скрыть в названии гугл вкладки лишнее?
Ну например вот, если можно скрыть все что после черточки, "Поиск в Google" и название контейнера "Личный"

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

Vitaliy V. · №9644

Stkvsky пишет

можно скрыть все что после черточки, "Поиск в Google" и

А ну ещё не лучше, это название страницы, не мне такое не предлагайте, из-за какой-то ерунды парсить названия всего что открывается во вкладках...

Stkvsky пишет

название контейнера "Личный"

Это есть на тултипе а не на вкладке можно убрать таким кодом

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

Выделить код

Код:

gBrowser.getTabTooltip = eval(`(${gBrowser.getTabTooltip})`
        .replace(/^\((async\s)?.*?getTabTooltip/, "($1function getTabTooltip")
        .replace(/if\s*\(\s*tab\s*\.\s*userContextId\s*\)\s*{[\S\s]+?return\slabel;/g, "return label;"));

Отредактировано Vitaliy V. (21-02-2021 17:41:18)

Vitaliy V. · №9645

Stkvsky
Попробовал стилем вроде такое поведение получилось, но не совсем корректно когда вкладки переполнены

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

Выделить код

Код:

.tabbrowser-tab[ucf-host="www.google.com"][fadein]:not([pinned]) {
    max-width: 200px !important;
    -moz-box-flex: 0 !important;
    width: auto !important;
}

Отредактировано Vitaliy V. (21-02-2021 18:22:51)

Stkvsky · №9646

Vitaliy V.
Блин, круто, просто праздник какой то) спасибо вам большое!

Stkvsky · №9647

Vitaliy V.
Вот почему хотел убрать из названия вкладки гугла лишние слова:

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

В первых двух контейнерах(Tree Tabs и Gestures) я переименовал вкладку дополнением и стало ровно
Другие два (Drag link и Bookmarks) это без переименования и гугл там автоматически дописывает "Поиск в Google" и выглядит не очень
Ну пока вот только в ручную переименовывать чтобы было ровно

В общем идея в том чтобы использованить вкладку гугла как заметку описание контейнера для удобной навигации
(разные цвета это вкладки разных контейнеров, за это вам еще раз отдельное спасибо)

Если у когото есть какие то идеи, предлагайте

Vitaliy V. · №9648

Stkvsky
Ну хорошо, можно изменить document.title страницы гугла
custom_script.js

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

Выделить код

Код:

ChromeUtils.registerWindowActor("UCFTitleChanged", {
    child: {
        moduleURI: "chrome://user_chrome_files/content/custom_scripts/UCFTitleChangedChild.jsm",
        events: {
            DOMTitleChanged: { capture: true },
        },
    },
    matches: ["https://www.google.com/search?*", "https://www.google.ru/search?*"],
    messageManagerGroups: ["browsers"],
});

и создать UCFTitleChangedChild.jsm

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

Выделить код

Код:

var EXPORTED_SYMBOLS = ["UCFTitleChangedChild"];

class UCFTitleChangedChild extends JSWindowActorChild {
    handleEvent(e) {
        var reg = /-\s*Поиск\s*в\s*Google$/;
        if (reg.test(this.document.title))
            this.document.title = this.document.title.replace(reg, "");
    }
}

Отредактировано Vitaliy V. (22-02-2021 01:58:40)

Stkvsky · №9649

Vitaliy V. пишет

и создать UCFTitleChangedChild.jsm

А где создавать UCFTitleChangedChild.jsm?
Создал по этому адрессу user_chrome_files/content/custom_scripts/UCFTitleChangedChild.jsm (создал папки content/custom_scripts)
Ничего не меняет

Vitaliy V. · №9650

Stkvsky
Нет не нужно никакого content создавать
chrome://user_chrome_files/content/ = папка user_chrome_files
т. е. создать там же где и custom_script.js

Отредактировано Vitaliy V. (22-02-2021 02:29:46)

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

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

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

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

Код:

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

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

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

Код:

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

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

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

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

Код:

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

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

Код:

Код:

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

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

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

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

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

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

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

Код:

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

Код:

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

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

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

Код:

Код:

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

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

Board footer