photon-australis icon indicating copy to clipboard operation
photon-australis copied to clipboard

Sawtooth

Open wicatfly opened this issue 5 years ago • 7 comments

Please take a look at the top of active tab,left and right both have sawtooth, is it fixable? 捕获 1

wicatfly avatar Sep 08 '19 05:09 wicatfly

I'm having the same issue

Lietsaki avatar Sep 17 '19 18:09 Lietsaki

I can’t reproduce this issue, please provide me with:

  1. You Firefox version.
  2. Your operating system version.
  3. Your display resolution
  4. Which Firefox theme you are using

wilfredwee avatar Sep 17 '19 18:09 wilfredwee

I can’t reproduce this issue, please provide me with:

1. You Firefox version.

2. Your operating system version.

3. Your display resolution

4. Which Firefox theme you are using
  1. Firefox Quantum 69.0 (64-bit)
  2. Windows 10 Pro - Version 1809
  3. Display resolution: 1920x1080
  4. Dark theme

Lietsaki avatar Sep 17 '19 18:09 Lietsaki

I can’t reproduce this issue, please provide me with:

1. You Firefox version.

2. Your operating system version.

3. Your display resolution

4. Which Firefox theme you are using
  1. I remembered the first time I used photon-australis the version of Firefox was 57 (64-bit),there was the same issue as now 68.1esr(64-bit).

  2. Windows 10 Pro - Version 1903

  3. 2560x1440

  4. Light and default

wicatfly avatar Sep 17 '19 19:09 wicatfly

1. Firefox Quantum 69.0 (64-bit)

2. Windows 10 Pro - Version 1809

3. Display resolution: 1920x1080

4. Dark theme

If you go to Customize, then Density at the bottom of the page. Which option have you ticked?

usr-dot-com avatar Jul 27 '20 18:07 usr-dot-com

This the fix for the non-congruent Tab Height issue:

/* Tab Congruent Height customizations: Old = 0px */ .tab-background[selected="true"] > spacer { margin-top: 1px !important; }

Essentially, the rounded tab ends (lead/lag) bookend the square center section of the tab and the code just needs to be adjusted to match them up by changing { margin-top: 0px !important; } to { margin-top: 1px !important; } At least... It works on my browser version.

My problem is adjusting the changing transparency value when the mouse hovers over an unselected tab. I used to have the snippet location, but can't find it anymore. i liked a 30% transparent tab on hover (and reddish). However, I'm working on it.

RockyFaher avatar Aug 20 '20 22:08 RockyFaher

You seem to use a too large font or have selected Firefox compact mode. AFAIK the tabs only look good in default mode.

CO-Windler avatar Aug 19 '21 04:08 CO-Windler