X
Нажмите здесь, чтобы перейти на мобильную версию сайта.

Форум поддержки

drag/drop tab indicator

Размещено

In the now current verusion of FF (72.0 - 64 bit) the indicator when you are dragging/dropping a tab like has been made almost invisible. It is now a VERY faint light blue and looks to be only 1px wide. It is VERY difficult to see for many with limited vision. How do I get the previous drag/drop indicator back so I know where I am dropping the tab being moved?

In the now current verusion of FF (72.0 - 64 bit) the indicator when you are dragging/dropping a tab like has been made almost invisible. It is now a VERY faint light blue and looks to be only 1px wide. It is VERY difficult to see for many with limited vision. How do I get the previous drag/drop indicator back so I know where I am dropping the tab being moved?

Выбранное решение

Цитата

Дополнительные сведения о системе

Установленные плагины

  • Shockwave Flash 32.0 r0

Приложение

  • User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0

Дополнительная информация

Размещено

Задавший вопрос

To clarify, I have dual monitors. When I have FF open om both monitors and I drag a tab from one to the other, the problem exists. Prior to version 72.x, when I did this, the indicator was clearly visible and easy to see so I would know exactly where my tab was being dropped. Now it is a VERY faint almost translucent blue line 1px wide. VERY hard to see. I would like to revert to the old style indicator.

To clarify, I have dual monitors. When I have FF open om both monitors and I drag a tab from one to the other, the problem exists. Prior to version 72.x, when I did this, the indicator was clearly visible and easy to see so I would know exactly where my tab was being dropped. Now it is a VERY faint almost translucent blue line 1px wide. VERY hard to see. I would like to revert to the old style indicator.
Помогла ли вам это?
Цитата
Размещено

Задавший вопрос

Someone please help by posting the userChrime.css setting to address this.

Someone please help by posting the userChrime.css setting to address this.
Помогла ли вам это?
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17777 решений 160795 ответов
Размещено

Выбранное решение

That is this SVG image:

That is this SVG image: *chrome://browser/skin/tabbrowser/tab-drag-indicator.svg *https://dxr.mozilla.org/mozilla-release/source/browser/themes/shared/tabs.inc.css#420
Помогла ли вам это? 1
Цитата
Размещено

Задавший вопрос

cor-el I cannot tell you the number of times I have had a question and you provided the exact solution to the situation. As usual thank you very much. Very much appreciated sir!

cor-el I cannot tell you the number of times I have had a question and you provided the exact solution to the situation. As usual thank you very much. Very much appreciated sir!
Помогла ли вам это?
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17777 решений 160795 ответов
Размещено

Полезный ответ

You're welcome.

You're welcome.
Помогла ли вам это? 1
Цитата
Размещено

Задавший вопрос

Following up to let you know I have successfully created the overlay image and was able to add the appropriate code to my userChrome.css file. It is now much easier for me to see where I am dragging a tab across windows. Thank you again.

Following up to let you know I have successfully created the overlay image and was able to add the appropriate code to my userChrome.css file. It is now much easier for me to see where I am dragging a tab across windows. Thank you again.

Изменено PCZero

Помогла ли вам это?
Цитата
Размещено

Задавший вопрос

OH NO! An upgrade to FF 73.0 (64 bit) broke this fix! It reverted to the stock drag/drop icon. Is was theer a change to the design of FF or am I just being stupid?

OH NO! An upgrade to FF 73.0 (64 bit) broke this fix! It reverted to the stock drag/drop icon. Is was theer a change to the design of FF or am I just being stupid?
Помогла ли вам это?
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17777 решений 160795 ответов
Размещено

Can you post the code you use in userChrome.css ?

Can you post the code you use in userChrome.css ?
Помогла ли вам это?
Цитата
Размещено

Задавший вопрос

Thanks for the quick follow up...

.tab-drop-indicator {

 list-style-image: url(icons/dragdrop.png) !important;
 /* The z-index needs to be big enough to trump other positioned UI pieces
    that we want to overlay. The selected tab uses 2. */
 z-index: 3;

}


1) This code worked perfectly before the upgrade.

2) The dragdrop.png file is located in the icons folder within the chrome filed where userChrome.css is located,.

Thanks for the quick follow up... .tab-drop-indicator { list-style-image: url(icons/dragdrop.png) !important; /* The z-index needs to be big enough to trump other positioned UI pieces that we want to overlay. The selected tab uses 2. */ z-index: 3; } 1) This code worked perfectly before the upgrade. 2) The dragdrop.png file is located in the icons folder within the chrome filed where userChrome.css is located,.
Помогла ли вам это?
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17777 решений 160795 ответов
Размещено

Looks that you need to use background (do not forget the !important; flag).

Current code:

/* Tab drag and drop */

.tab-drop-indicator {
  width: 12px;
  margin-inline-start: -12px;
  background: url(chrome://browser/skin/tabbrowser/tab-drag-indicator.svg) no-repeat center;
  position: relative;
  /* The z-index needs to be big enough to trump other positioned UI pieces
     that we want to overlay. The selected tab uses 2. */
  z-index: 3;
}
Looks that you need to use background (do not forget the !important; flag). Current code: <pre><nowiki>/* Tab drag and drop */ .tab-drop-indicator { width: 12px; margin-inline-start: -12px; background: url(chrome://browser/skin/tabbrowser/tab-drag-indicator.svg) no-repeat center; position: relative; /* The z-index needs to be big enough to trump other positioned UI pieces that we want to overlay. The selected tab uses 2. */ z-index: 3; }</nowiki></pre> *https://dxr.mozilla.org/mozilla-release/source/browser/themes/shared/tabs.inc.css#620

Изменено cor-el

Помогла ли вам это?
Цитата
Размещено

Задавший вопрос

OK now it looks like I am being stupid. I cannot get the code to work.

.tab-drop-indicator {

 width: 12px;
 margin-inline-start: -12px;
 background: url(chrome://browser/skin/tabbrowser/arrowupgreen.png) no-repeat center;
 position: relative;
 /* The z-index needs to be big enough to trump other positioned UI pieces
    that we want to overlay. The selected tab uses 2. */
 z-index: 3;

}

I have the image in the correct place.

Result...

OK now it looks like I am being stupid. I cannot get the code to work. .tab-drop-indicator { width: 12px; margin-inline-start: -12px; background: url(chrome://browser/skin/tabbrowser/arrowupgreen.png) no-repeat center; position: relative; /* The z-index needs to be big enough to trump other positioned UI pieces that we want to overlay. The selected tab uses 2. */ z-index: 3; } I have the image in the correct place. Result...
Помогла ли вам это?
Цитата
Размещено

Задавший вопрос

Like I said, I was being stupid. IMPORTANT duh! Thank you.

Like I said, I was being stupid. IMPORTANT duh! Thank you.
Помогла ли вам это?
Цитата
Задать вопрос

Для ответа на сообщения вы должны войти в свою учётную запись. Пожалуйста, задайте новый вопрос, если у вас ещё нет учётной записи.