Перемещение Find Bar вверх страницы [2] Topic is solved

Обсуждения на русском языке
Post Reply
User avatar
Титан
Hobby Astronomer
Hobby Astronomer
Posts: 19
Joined: 2020-10-16, 14:07
Location: Russia, Orenburg

Перемещение Find Bar вверх страницы [2]

Post by Титан » 2020-10-18, 06:50

С помощью поиска, нашёл эту тему, но при создании UserChrome.js в %appdata%\Moonchild Productions\Pale Moon\Profiles\ihhd2wll.default\chrome и копипасте кода в самом низу темы, поисковая панель не передвинулась.
Как вообще инспектировать DOM окна браузера?

User avatar
jars_
Lunatic
Lunatic
Posts: 336
Joined: 2016-12-27, 00:12

Re: Перемещение Find Bar вверх страницы [2]

Post by jars_ » 2020-10-18, 07:18

Ты что, неможешь отличить код JS от CSS ?
То что привел _Asta_ это неработающий, примерный шаблон JS для userChrome.js
Вот рабочий вариант на CSS. Положи в userChrome.css , положение(выше\ниже слева\справа) подкрути сам:

Code: Select all

/* ************************************************************* */
/* ПАНЕЛЬ ПОИСКА*/
/* **************************************************************/
 #FindToolbar > .findbar-container>* { display: -moz-box !important;	}

/* Стиль самой панели */
#FindToolbar {
	-moz-appearance: none !important;
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%) !important;
	border-radius: 7px !important;
	box-shadow: 0px 10px 5px -10px rgba(0,0,0,.3) !important;
	position: fixed !important;
	top: 7em;
	left: 6em;
	z-index: 2000000000 !important;
	}

 #viewSource #FindToolbar {
	top: 5em;
	left: 2em;
	}

.findbar-find-next,
.findbar-find-previous,
.findbar-highlight {
	color: #000000 !important;
	text-shadow: 2px 2px 2px #F4F400 !important;
	font-weight: 600 !important;
	} 

.findbar-find-status {
	color: #FF1493 !important;
	text-shadow: 1px 1px 2px #FFFFFF !important;
	font-weight: 600 !important;
	}

/*  ADJUST POSITION OF FIND BAR IN NORMAL (UN-MAXIMIZED) WINDOW MODE  */
#main-window[sizemode="normal"] #FindToolbar {
	top: 3em;
	right: 2em;
	}

/*  ADJUST TEXT BOX WIDTH, HEIGHT AND COLOR Change value of width from 16em to 12.5em to get original size  */

#FindToolbar .findbar-textbox {
	font-weight: 600 !important;
	width: 20em !important; 
	height: 21px !important;  
	background-color: #EEE !important;
	}

/*  Gives find bar border and adjusts padding */
#FindToolbar {
	border: 1px solid rgba(0,0,0,0.25) !important;
	border-top: none !important;   
	padding-right:5px !important;
	}

.findbar-container > checkbox {
	margin-right: -7px !important;
	margin-left: 1px !important;
	background: rgba(0,0,0,0.15) !important;
	}

/*  Positions find bar in full-screen mode */
#main-window[sizemode="fullscreen"] #FindToolbar {
	top: 2em;
	right: 7em;
	}





User avatar
Титан
Hobby Astronomer
Hobby Astronomer
Posts: 19
Joined: 2020-10-16, 14:07
Location: Russia, Orenburg

Re: Перемещение Find Bar вверх страницы [2]

Post by Титан » 2020-10-18, 08:19

jars_ wrote:
2020-10-18, 07:18
Ты что, неможешь отличить код JS от CSS ?
Причём тут это? css я не упоминал, и хотел использовать именно js – _Asta_ всю тему упоминала, что с одни только css получится малофункционально. Но всё равно, списбо за css!

User avatar
jars_
Lunatic
Lunatic
Posts: 336
Joined: 2016-12-27, 00:12

Re: Перемещение Find Bar вверх страницы [2]

Post by jars_ » 2020-10-18, 08:41

хотел использовать именно js – _Asta_ всю тему упоминала,
Она так ничего и не выложила рабочего. Тот кусок - нерабочий. И помойму, вообще непральный. хотя может и ошибаюсь. userChrome.js это отдельный скрипт(упакованный в расширение), который нужно ставить отдельно. И уже 'для него' писать скрипты. Такой-себе аналог Сustom Buttons только хуже, менее удобный.
Суть в том, что ничего кроме этого вот CSS, для того, чтоб сделать панель_поиска удобной и красивой - нет и небыло никогда. хорошо бы... но нет ничего.

User avatar
_Asta_
Moongazer
Moongazer
Posts: 11
Joined: 2018-09-21, 19:45
Location: Estonia (Tallinn)

Re: Перемещение Find Bar вверх страницы [2]

Post by _Asta_ » 2020-11-17, 19:18

Титан wrote:
2020-10-18, 06:50
С помощью поиска, нашёл эту тему, но при создании UserChrome.js в %appdata%\Moonchild Productions\Pale Moon\Profiles\ihhd2wll.default\chrome и копипасте кода в самом низу темы, поисковая панель не передвинулась.
Какой код? Это?
https://forum.palemoon.org/viewtopic.php?f=12&t=20490#p152987
Раньше панель поиска являлась частью вкладки, а с версии 28.0, если не ошибаюсь, она стала глобальным DOM-объектом. Этот tweak не работает, причем очень давно. CSS не предназначен для такого позиционирования.
Кстати, правильное имя файла userChrome.css.
Или этот?
https://forum.palemoon.org/viewtopic.php?f=12&t=20490#p154036
Там пример кода не работающий (и вообще неправильный), о чем в сообщении указано. Это всего лишь моя попытка решить вопрос через userChrome.js, которая не дала ожидаемых результатов.
Да и для использования userChrome.js недостаточно просто скопировать его в папку с профилем, его работа обеспечивается специальными расширениями.

Для изменения положения поисковой строки нужно править функцию XPCOMUtils.defineLazyGetter в browser.js. Как это сделать через userChrome.js, я не смогла придумать, да особенно и не старалась. Проще simplest extension слепить. Что в итоге я и сделала. Через расширение была переписана функция XPCOMUtils.defineLazyGetter: создан vbox findbar-box over browser и туда помещен findbar.
Пользовалась почти год, проблем в работе браузера из-за этого не заметила (хотя это не значит, что их не было – нет программ без ошибок, есть недостаточно внимательные тестеры :D ).
jars_ wrote:
2020-10-18, 08:41
Тот кусок - нерабочий. И помойму, вообще непральный. хотя может и ошибаюсь.
Не рабочий и не правильный. Не ошибаетесь.

Вообще, тема похоже по-прежнему актуальна. Если кто-то из разработчиков имеет возможности доработать и опубликовать расширение (возможно, за прошедшее время в коде браузера что-то поменялось сильно), могу скинуть в личку (если найду теперь :D ). В самой теме вроде такие публикации не приветствуются (это вопрос модераторам).

User avatar
_Asta_
Moongazer
Moongazer
Posts: 11
Joined: 2018-09-21, 19:45
Location: Estonia (Tallinn)

Re: Перемещение Find Bar вверх страницы [2]

Post by _Asta_ » 2020-11-20, 00:35

_Asta_ wrote:
2020-11-17, 19:18
возможно, за прошедшее время в коде браузера что-то поменялось сильно
Похоже, что в этом плане ничего не поменялось радикально, расширение работает с новой версией Pale Moon (сам browser.js браузера я не смотрела, просто поставила расширение и проверила поиск).

Image

Если кому-то, как и мне, не нравится, что поисковая строка находится внизу экрана, это должно помочь.

Вариант findbar_up-1-0-1-pm.xpi – полная версия расширения, которую использовала я. С нужными мне правками CSS и адаптированная для темы Aeromoon, которой я пользуюсь. С другими темами результаты могут быть неожиданными, как с внешним видом поисковой панели, так и с ее работой в целом (надо проверять в каждом конкретном случае и, возможно, адаптировать).
Редактирование внешнего вида: chrome\skin\findbarOverride.css
Ресурсы: chrome\skin\

Вариант findbar_up-1-0-1-pm-no-css.xpi – с отключенной CSS (закомментированы две строчки в chrome.manifest). Просто сдвиг findbar вверх. Все стороннее оформление отключено (т.е. соответствует установленной теме). Проблем с темами, отличными от Aeromoon, быть не должно, если только сама тема не вносит изменений в логику работы findbar.

У меня проблем в работе расширения не наблюдалось, однако это ничего не значит и не гарантирует, Вы устанавливаете и используете данное расширение на свой страх и риск!

Допустимость публикации – на усмотрение модераторов.
Attachments
findbar_up-1-0-1-pm.xpi
(20.53 KiB) Downloaded 2 times
findbar_up-1-0-1-pm-no-css.xpi
(20.53 KiB) Downloaded 6 times

Post Reply