Compare commits

..

1119 commits

Author SHA1 Message Date
1ab8dad512
Merge mobile-config-firefox 2023-11-19 19:08:09 +01:00
4cffee1e06
cleaned from for us unneeded files 2023-11-19 17:55:44 +01:00
7375383755
Moved files from /chrome to /src/userChrome 2023-11-19 17:37:54 +01:00
@user0
bb7659dfda
Add @user0’s contributions as of 2023-10-30 2023-11-12 22:33:55 +01:00
@user0
4f58859466
Add @user0’s contributions as of 2023-09-30 2023-11-12 22:33:52 +01:00
Claudia Pellegrino
eda407cae9
Remove unused userContent files 2023-11-12 22:33:49 +01:00
Claudia Pellegrino
f036c507eb Release 4.2.0
Features:
 * Hide minimize/maximize/close buttons (MR 39)
 * autoconfig: set media.webrtc.camera.allow-pipewire (MR 38)
 
 Other:
 * README: update supported versions
 -----BEGIN PGP SIGNATURE-----
 
 iQIzBAABCAAdFiEEVuhTDbWL3IASV/XwWuf1UT4IhcsFAmUH7NUACgkQWuf1UT4I
 hctcwQ/+NRyPe1mBvmRP9nqhhvNFw8nz6eTBe9oEzokI5DsTcgcW41y5JxRR3Wek
 iG2cwePfrAgEKEZYP67lYEizULTeAMv0st+t4c4D2a9c4WVBVVOLXQf5e9C0CviM
 H/hfHQWfflTIv9KrG2850wuBdLQC6eRsD1BR0gagnMyS6oo7mD8GmTUfyuj1XCic
 yAnBvf51MlI2z1aYyZb2yRmjaVjY4bNe1ECmQNCyxPlyPw6dRNL+hd45y5AEZEHE
 99zSIKqmGe5KocP93ZxcgPAjQBGW1htxbiKpQXOrk6UV06byGhyf0SzpLnq5GSD7
 76N3Loxh+Fe0gbJao1EluGo2yaUUX1mkoonu9Q6LQJ0HSyVRTD4f5Twu2/K3oqH6
 lLkj0ysMY3yguBg4UX7qx4LQkUpoGdG/XWDky8oxInXOIFuJf2R0dxiU8u44IfLR
 U5l4qFBklQFDyYYD/CJPIRIQDUJogxDp4T6p8EvA/8GMS8M+5UTftyJGnaR10l9Q
 X7dIHu+dbwNkfpQ1WAJKr+LXsl2LjlIRNoIpMBaYzggfdz9F94lad8xBzTvTkLHK
 ntGsx45w2LedronJiPKJfL59L/FoPMxSU5xEg3AvhLtKncD3IwTOmJqZLMjG2xPJ
 zx8Av7a6ML/im2fMzMPOIGYTGSUZ1ux6tEtHRkOnITKJ0GrmV+A=
 =vVzW
 -----END PGP SIGNATURE-----
gpgsig -----BEGIN PGP SIGNATURE-----
 
 iQIzBAABCAAdFiEEJkCsxybnOIqyroEaeqZ957cxOc4FAmVRIjgACgkQeqZ957cx
 Oc7Gww//XFnz5icUuCM24ZJdki0+lRrknKqng72R/99L08JEy6RS4vZbWt1UJN8I
 R2Q+aca+HympnCAmI60XyANF6QrtUgyGKJen6JeA2Pxzd8nPVfy2NRUY6mjkdDXx
 JOGNvGme3WqQCFFI8KAujH8HQ4Kw1m7LQ/DOq5W6AqaxaidhgCeaotrVnrWJcc5Q
 zVWAyYuMLCud9+Q/4jjtzvoLEM2QosdZX9s5iS2NKd1VBRLQ8iE3qONKR0SWK4QV
 C3HE9VBQOtgUh2Zl9XFBjOFyHUEosmMCAz4LgsfQVMQtUXi4I2kNpBkB/BiyAW0A
 kN62ZvDK0wUXpCXHfIOxREuDkZL1XSx0tfp6JtQF9K3eijglCrbEpMB9KzunglUc
 mlUIl0bZhXy9IndktiFg0aKRCO2fswmwWrS0kc4LPntR2z8Cgja7DN2LZh198s+p
 vQIzcWaECnVN5XO394pLmyEFU+CwROU7n4x/JqBFwBZuHyr6MS2/eXeUOLX49Toz
 URlOH5uohni0yxVyUh567vXE2opm5X0L2OfN1b0rYBPDyMSvpz/s2rxay3BCyNKb
 uXBWkTI7xONqqwipVfsYNyIJro4l0xu/3uf9CAycXspan6RPx349enAtbAaoYh+s
 02sv2mcMkSJ5q1578CaS1lBTt0WkCYegedxP6Df1QtwGhzKDtM8=
 =lm/S
 -----END PGP SIGNATURE-----

Merge tag '4.2.0' into librem5-mirror

Release 4.2.0

Features:
* Hide minimize/maximize/close buttons (MR 39)
* autoconfig: set media.webrtc.camera.allow-pipewire (MR 38)

Other:
* README: update supported versions
2023-11-12 20:06:01 +01:00
@user0
53808dc807
Add @user0’s contributions as of 2023-08-14 2023-11-12 19:36:18 +01:00
@user0
b436b28843
Add @user0’s contributions as of 2023-05-22 2023-11-12 19:36:16 +01:00
@user0
ad06da4868
Add @user0’s contributions as of 2023-05-21 2023-11-12 19:36:12 +01:00
Claudia Pellegrino
e40b13098d
Start mirror of @user0’s contributions 2023-11-12 19:36:09 +01:00
Claudia Pellegrino
b98bae8c5e
Merge 21750e2 from MrOtherGuy/firefox-csshacks 2023-11-12 19:35:34 +01:00
Oliver Smith
a205c5fa64
autoconfig: set media.webrtc.camera.allow-pipewire (MR 38)
As suggested by Robert Mader in issue 57, thanks.
2023-09-15 09:26:12 +02:00
plata
4116b6663b
Hide minimize/maximize/close buttons (MR 39) 2023-09-15 09:23:42 +02:00
Oliver Smith
0187c6c605
README: update supported versions
Thanks to plata-gl for pointing this out. Fix #61.
2023-09-12 09:43:33 +02:00
Ulrik de Muelenaere
94cbe0452d
userChrome/urlbar: Allow urlbar to shrink down to its min width (MR 37)
This fixes one of the issues from #52, but I have not been able to
reproduce the others on Phosh.
2023-09-05 22:55:20 +02:00
Ulrik de Muelenaere
9a34fe3e95
userChrome/urlbar: Prevent urlbar from going past window bottom in FF 117 (MR 36) 2023-09-05 22:53:14 +02:00
Ulrik de Muelenaere
21163be169
autoconfig: Fix error due to Services import in FF 117 (MR 36)
Since Firefox 104 the Services global is available automatically and no
longer needs to be imported, and since Firefox 117 importing it is an
error.
2023-09-05 22:53:14 +02:00
Seth Falco
9c780dabb8
fix: add mobile to user-agent (MR 35) 2023-09-01 16:02:07 +02:00
Seth Falco
e1c533d84e
fix: don't override user-agent (MR 34) 2023-07-23 21:52:36 +01:00
Ulrik de Muelenaere
cc4a4a791b
autoconfig: Fix version detection on first start (MR 32)
Previously the Firefox version would be detected as 0 on the first
start, causing popups.before-ff-108.css to be included even on newer
versions, which breaks touch input.
2023-07-03 15:49:49 +02:00
Ulrik de Muelenaere
3959e7c476
userChrome/tabmenu: Add note to a declaration obsoleted in FF 113 (MR 31)
Firefox 113 changes from 'display: -moz-box' to 'display: flex', so the
-moz-box-flex property should be changed to flex-grow. However, that
breaks the tab menu, and it doesn't seem to be necessary anyway.
2023-05-28 20:27:54 +02:00
Ulrik de Muelenaere
4a53e32a5c
userChrome/tabmenu: Fix max width of tab menu in FF >= 106 (MR 31) 2023-05-28 20:27:54 +02:00
Ulrik de Muelenaere
8cbf7c9e30
userChrome/tabmenu: Fix height of tab menu in FF 113 (MR 31)
Without this fix, the tab menu is only tall enough for 2 or 3 entries.

This is an update of the rule directly above it, changing the ID and
changing from a calculated height to a fixed height matching its child
#allTabsMenu-allTabsView. With the calculated height, the menu entries
were offset above the top of the menu. The previous rule no longer seems
to be necessary, at least in Firefox 102 and newer, since
#allTabsMenu-multiView does not exist.
2023-05-28 20:27:54 +02:00
Ulrik de Muelenaere
3dcfd01d09
userChrome/browser: Fix bottom navigation bar in FF 113 (MR 31)
Firefox 113 changes from 'display: -moz-box' to 'display: flex', so we
need to use the order property instead of -moz-box-ordinal-group.
2023-05-28 20:27:54 +02:00
Oliver Smith
5402fa0f52
README: log file: add tail -F to example 2023-05-28 20:25:35 +02:00
Oliver Smith
758b9c3a17
mobile-config-autoconfig: fix 2x restart
On first start, only restart Firefox once after the files are
installed.

[2023-04-18 07:07:05] Running mobile-config-autoconfig.js
[2023-04-18 07:07:05] Couldn't get Firefox version (expected on first start): TypeError: Services.appinfo.lastAppVersion is null
[2023-04-18 07:07:05] Firefox version: 0 (previous: unknown)
[2023-04-18 07:07:05] Creating CSS file from fragments: /home/user/.mozilla/firefox/ah7sid6m.default-release/chrome/userChrome.css
…
[2023-04-18 07:07:05] Updating previous Firefox version to: 0
[2023-04-18 07:07:05] Triggering Firefox restart
[2023-04-18 07:07:05] Done
[2023-04-18 07:07:11] Running mobile-config-autoconfig.js
[2023-04-18 07:07:11] Firefox version: 102 (previous: 0)
[2023-04-18 07:07:11] Reading fragments from file: /etc/mobile-config-firefox/userChrome.files
[2023-04-18 07:07:11] Fragment with FF version check included: userChrome/popups.before-ff-108.css
[2023-04-18 07:07:11] File is up-to-date: /home/user/.mozilla/firefox/ah7sid6m.default-release/chrome/userChrome.css
[2023-04-18 07:07:11] Reading fragments from file: /etc/mobile-config-firefox/userContent.files
[2023-04-18 07:07:11] File is up-to-date: /home/user/.mozilla/firefox/ah7sid6m.default-release/chrome/userContent.css
[2023-04-18 07:07:11] Updating previous Firefox version to: 102
[2023-04-18 07:07:11] Setting default preferences
[2023-04-18 07:07:11] Done
2023-04-18 09:17:40 +02:00
Oliver Smith
c9a1f7af23
mobile-config-autoconfig: tweak css_files_update
Refactor the condition code, so it's easier to read.
2023-04-18 09:17:40 +02:00
Oliver Smith
aaa603fae7
autoconfig: get_firefox_version: add try…catch
On first run / after:
$ rm ~/.mozilla

The function fails with:
TypeError: Services.appinfo.lastAppVersion is null

Expect the failure so the script doesn't crash.
Revert "autoconfig: get_firefox_version: remove try…catch", but
with another error message.

Without this patch an error shows up when starting Firefox with the
config, until the user manually starts it again.

This reverts commit 2405aabd4c.
2023-04-18 09:17:40 +02:00
MrOtherGuy
21750e272b vertical_bookmarks_toolbar: make placesToolbarItems default to flex
-webkit-box doesn't work correctly in Firefox 112 and 113 so lets
default to flex again and make webkit-box opt-in. It is required for
Fx 114 though, but nightly users need to opt-in to using it.
2023-04-16 12:07:16 +03:00
grreby
b6227bde5f
add links to pmos wiki, add example of network location (MR 30) 2023-04-14 22:09:22 +00:00
MrOtherGuy
97b9f5c3d8 create status_inside_menubar.css 2023-04-14 06:31:27 +03:00
MrOtherGuy
0c1a86cec5 vertical_bookmarks_toolbar: Make PlacesToolbarItems use -webkit-box
This is because scrollbox[orient="horizontal"] has a UA sheet set
important row flex-direction which we cannot override.
2023-04-12 17:23:31 +03:00
MrOtherGuy
92be3549cd buttonlike buttons: Remove custom styling of zoom items in overflow menu 2023-04-10 12:44:25 +03:00
MrOtherGuy
1f74ecee91 buttonlike toolbarbuttons: also remove styling from pinned overflow menu 2023-04-09 21:45:43 +03:00
MrOtherGuy
bb8d623ced buttonlike toolbarbuttons: remove custom sizing inside panels 2023-04-09 20:27:03 +03:00
MrOtherGuy
76f260269d Use scrollbar-gutter in multi-row tabs and bookmarks
This should prevent the appearing/disappearing scrollbar from reflowing
content.
2023-04-09 09:00:12 +03:00
MrOtherGuy
e98c0b62a5 create tab_animated_active_border.css 2023-04-09 08:16:38 +03:00
MrOtherGuy
3377abf584 buttonlike toolbarbuttons: remove normal background from extensions 2023-04-07 18:33:56 +03:00
MrOtherGuy
0722603222 buttonlike_toolbarbuttons: apply to menubar and tabs toolbar
This patch simplies a lot of selectors and makes the changes apply to
buttons in menubar and tabs toolbar. With the exception of
tabs-newtab-button. Additionally, this makes the style
much better support dropdown buttons, combined buttons and findbar
buttons.
2023-04-07 08:32:23 +03:00
Oliver Smith
3b3c589d44
editBookmarkPanel: adjust for current non-ESR FF
Make the bookmarks panel usable again by hiding all controls except for
the name, the "show editor when saving" checkbox and the remove bookmark
/ save buttons.
2023-04-07 01:24:15 +02:00
Oliver Smith
60c7a64c1f
autoconfig: disable firefox-view feature 2023-04-07 01:24:15 +02:00
Oliver Smith
4d9ae227e2
autoconfig: move set_default_prefs down
This part is unrelated to generating the CSS files, so move it towards
the end.
2023-04-07 01:24:15 +02:00
Oliver Smith
c16d19c3f5
README: mention the new log file 2023-04-07 01:24:14 +02:00
Oliver Smith
d2992be5eb
autoconfig: move chrome_dir_init code to function 2023-04-07 01:24:14 +02:00
Oliver Smith
bcaa46fa09
autoconfig: update comment on top of the file 2023-04-07 01:24:14 +02:00
Oliver Smith
2405aabd4c
autoconfig: get_firefox_version: remove try…catch
There is a try…catch around main() now, which logs the exception and
fails with an error that is visible for the user.
2023-04-07 01:24:14 +02:00
Oliver Smith
77e8101caf
autoconfig: store/compare the major FF version
Don't regenerate the firefox config if a part of the version changed
that isn't the major version as this would just lead to needless
regernations and slightly delayed startup.
2023-04-07 01:24:14 +02:00
Oliver Smith
7bfb0ff32f
autoconfig: move log_init code to function 2023-04-07 01:24:14 +02:00
Oliver Smith
314f7a0b04
autoconfig: prefix global variables with g_ 2023-04-07 01:24:14 +02:00
Oliver Smith
ee8d8382d5
userChrome/popups: FF >= 108: fix broken touch
Split the #mainPopupSet CSS rule to an extra file
popups.before-ff-108.css, and adjust autoconfig.js to skip that file if
firefox is newer than >= 108.
2023-04-07 01:24:14 +02:00
Oliver Smith
e2f29799c6
autoconfig: wrap most code in try…catch
Make debugging easier by printing exceptions to the log. For example:

  main() failed: TypeError: fragment.contains is not a function
2023-04-07 01:24:14 +02:00
Oliver Smith
49e6a9866b
autoconfig: regenerate CSS when FF version changes 2023-04-07 01:24:14 +02:00
Oliver Smith
1b0c066793
autoconfig: add write_line() helper func 2023-04-07 01:24:14 +02:00
Oliver Smith
fe45bbc8dc
Combine the CSS files on FF startup
Instead of combining the CSS files during make, just install all of the
fragments and let mobile-config-autoconfig.js combine them.
2023-04-07 01:24:14 +02:00
Oliver Smith
d676f135a8
editorconfig: use tabs in Makefile 2023-04-07 01:24:14 +02:00
Oliver Smith
473cb45ee7
autoconfig: add get_firefox_version function 2023-04-07 01:24:14 +02:00
Oliver Smith
a9dbfcd48b
autoconfig: add log_obj debug function
As the API isn't well documented, add this helper function to log object
properties.
2023-04-07 01:24:13 +02:00
Oliver Smith
4b559c6ec6
autoconfig: don't set default_prefs during restart
As the restart doesn't happen instantly, don't set the default
preferences in the restart code path. Split both code paths into
functions while at it.
2023-04-07 01:24:13 +02:00
Oliver Smith
b6bde3dfae
autoconfig: add log function
It's pretty hard to get the code right in this autoconfig script, as the
only feedback you get is whether the script crashed or not. Add a
logging function to make it easier.
2023-04-07 01:24:13 +02:00
Oliver Smith
9e8c97e894
autoconfig: fix indentation
Indent these two lines, so it's visually clear that they are part of the
condition.
2023-04-07 01:24:13 +02:00
MrOtherGuy
5ab29bc53e tabs below content: Add support for reversed window controls 2023-04-03 17:05:17 +03:00
jane400
8e59b386e3
mobile-config-prefs.js: enable TouchEvents API for mobile detection (MR 29) 2023-04-03 10:38:11 +02:00
MrOtherGuy
647b413152 Remove xul-box use from bunch of styles 2023-03-31 18:26:43 +03:00
MrOtherGuy
a9201944a9 selected_tab_as_urlbar: horizontally center urlbarview to window 2023-03-24 11:43:24 +02:00
MrOtherGuy
0aa8c49b99 selected_tab_as_urlbar: Add mechanism to show back and forward buttons 2023-03-24 10:44:05 +02:00
MrOtherGuy
4650a9fb00 selected_tab_as_urlbar: don't hide nav-bar items is customization view 2023-03-24 10:16:57 +02:00
MrOtherGuy
6d00a86ace Make tabs_on_bottom_menubar_on_top_patch use menubar window controls 2023-03-23 20:27:59 +02:00
MrOtherGuy
505d247b8f floating-findbar: Don't let labels wrap in findbar 2023-03-22 07:03:47 +02:00
MrOtherGuy
b393f711a8 vertical_bookmarks_toolbar: Add workaround for flexbox changes 2023-03-22 07:03:15 +02:00
MrOtherGuy
0ff12e01fe Add support for modern flexbox layout
Flexbox model will replace old xul box as the default display model so
this patch adds support for that in a whole bunch of styles.

A lot of style rules are marked as "Fx < 112 compatibility" rules and
those can be removed when 112 hits release.
2023-03-11 12:26:07 +02:00
bgkillas
02df05f8e9 update useragent to help captchas 2023-03-09 00:00:46 +00:00
MrOtherGuy
0db37c5d77 classic_firefox_menu_button: make menu-button text ignore theme colors 2023-02-25 13:28:33 +02:00
MrOtherGuy
fea39ad68a tag-browser: Draw main ui over the sidebar on narrow screens 2023-02-25 12:09:19 +02:00
MrOtherGuy
e129aa349c tag-browser: assorted improvements to tag browser
This patch patch makes the link generator handle "+" characters in the
filename.
Additionally, file-target list should now have more-correct grid-layout
without producing overflowing rows.
The category list is fixed-positioned sidebar which hopefully makes
mobile rendering work better than before.
2023-02-25 11:13:50 +02:00
MrOtherGuy
c8f143e3c7 create compact_extensions_panel.css 2023-02-21 18:46:39 +02:00
MrOtherGuy
055e742a87 non_floating_tabs: apply relative selected tab position to pinned tabs
In overflow mode Firefox will override that anyway so no need to exclude
all pinned tabs.
2023-02-16 05:28:48 +02:00
MrOtherGuy
b906186eb9 Autohide_bookmarks_toolbar: Provide fallback for --toolbar-bgimage
This fixes an issue where the background-image: would compute to none if
--toolbar-bgimage is missing.
2023-02-15 05:40:29 +02:00
MrOtherGuy
5facc2e8c9 non-floating-tabs: Make selected tab have position: relative again
Firefox 110 made selected tab static, but we need it to be relative so
that it gets drawn over the navbar top box-shadow
2023-02-15 05:09:44 +02:00
MrOtherGuy
73f72d8c37 tag-browser: Don't bother showing hint banner in narrow screens 2023-02-05 10:44:55 +02:00
MrOtherGuy
711e1aa840 Fix typo in code-block hightlighter AtValue parsing 2023-02-05 10:44:16 +02:00
MrOtherGuy
c50e5df3e3 tag-browser: Some small improvements
This patch makes tag-browser layout somewhat usable on mobile.
Additionally it adds few banner hints to use Ctrl keys and basic hint to
select a category when empty.
This also makes the Copy-button hidden until some content is shown in
code-block.
2023-02-05 10:26:53 +02:00
Adam Thiede
c057a768e6
change user-agent version 91->102 (current with tor browser on android) (MR 27) 2023-01-30 06:45:38 -06:00
MrOtherGuy
8c41908dd8 Replace uses of [{first,last}-visible-tab] with pseudo-classes
Those attributes don't exist anymore in Firefox 109
2023-01-29 20:49:11 +02:00
MrOtherGuy
eeba98f261 Fix centering of toolbarbutton label 2023-01-22 07:49:57 +02:00
MrOtherGuy
ab3a999c3b floating findbar: Make the style default to left-side placement
Findbar items are normally at left-side in Firefox so this fits better.
2023-01-21 09:56:17 +02:00
MrOtherGuy
8764747ff1 floating findbar: Add preffed option to move findbar to left side 2023-01-21 09:25:38 +02:00
MrOtherGuy
0e2b52fcaa Selected tab as urlbar: Remove outline from urlbar 2023-01-21 08:53:29 +02:00
MrOtherGuy
c48a197a63 iconized_menubar_items: only remove label from main-window menubar 2023-01-19 05:15:58 +02:00
sonofevil
bbedf1e5c4
fix flicker glitch (#248)
* fix flicker glitch

* fix incorrect selector
2023-01-18 15:57:11 +02:00
MrOtherGuy
715ab86abc Fix some comments in tabs_on_bottom.css
This just removes an ancient leftover comment and reorders comments at
the top of the file.
2023-01-12 23:32:27 +02:00
MrOtherGuy
d4b5627473 Make proton-like context menus look a bit nicer with compact density.
This patch also adds a few more color variables to optional settings
2023-01-12 11:57:41 +02:00
MrOtherGuy
036af1d3a0 Small improvements to context_menus_more_proton.css
This increases menupop corner rounding to match arrowpanels and makes
context-navigation hover color match other menuitem backgrounds
2023-01-11 10:53:23 +02:00
MrOtherGuy
76867a5f57 tab-separator-lines: switch to using border-inline-start for border
Previously we used border-inline-end but that won't work in Firefox 110
because tabs aren't given certain attributes anymore.
2023-01-10 09:41:48 +02:00
MrOtherGuy
b88c1f5bf1 Improvements for hide_tabs_scrollbuttons
This patch "unhides" tabs scrollbox overflow indicators as well as adds
background for scrollbuttons when re-oredering tabs. Both of these are
pretty complicated things to achieve, so this patch also adds a small
compatibility layer for non_floating_sharp_tabs.css
2023-01-05 15:21:48 +02:00
MrOtherGuy
bba50ef2f3 Don't remove borders from nearby tabs when moving tabs 2023-01-05 14:33:54 +02:00
MrOtherGuy
59af5985f5 Hide tab separator lines for multiselected tabs. 2023-01-05 10:44:05 +02:00
MrOtherGuy
cc6603de10 create overlay_sidebar_header.css 2023-01-03 16:30:29 +02:00
MrOtherGuy
99a58e8208 Add "deprecated/" to address of deprecated files 2023-01-01 18:44:45 +02:00
MrOtherGuy
7953cb9d8e Move "legacy" or otherwise deprecated styles into sub-folder 2023-01-01 18:40:37 +02:00
MrOtherGuy
a46d28bcab replace uses of #browser-bottombox with #main-window > body::after
Browser-bottombox element has been removed from Firefox in 109 so lets
not use that anymore.
2022-12-30 16:59:07 +02:00
MrOtherGuy
b434a2d9f5 fake_statusbar: fix and improve layout
browser-bottombox doesn't exist anymore so create space using
body::after instead. This patch additionally fixes various alignment
issues with elements in the statusbar.
2022-12-30 16:44:02 +02:00
MrOtherGuy
2c6bca9fd7 Use media-document(image) instead of regexp in standalone image mods 2022-12-28 07:49:11 +02:00
MrOtherGuy
f9b3e20163 Fix bunch of clipping issues in curved_tabs.css
There is still one(known?) case that happens if one uses a theme with
non-opaque toolbar background-color with optional extra-border rules.
But that option isn't too nice with non-opaque colors anyway so left as
todo.

In addition, this patch makes the optional rules use @supports
-moz-bool-pref rules instead of having to remove commented sections in
the css file.
2022-12-27 11:30:06 +02:00
MrOtherGuy
ef199c5c24 Clip button width to 12ch for toolbarbuttons_icon+label 2022-12-26 18:59:43 +02:00
MrOtherGuy
134491e41a buttonlike_toolbarbuttons.css: Update the style for Firefox 108 2022-12-26 12:29:31 +02:00
MrOtherGuy
19b2e4fa1f fake_statusbars: Cover tabpanels with opaque color
Normally web-content hides the real statusbar but with RFP letterboxing
that might not happen. So lets inherit the background-color from
tabbrowser-tabpanels to make sure it's covered properly.
2022-12-24 09:35:54 +02:00
MrOtherGuy
be90242a5c Update navbar_tabs_oneliner_tabs_on_left
This patch makes the style use same logic for window controls on left
layout that we now use elsewhere.
2022-12-24 08:37:45 +02:00
MrOtherGuy
fd7b8500db Apply correct colors to textual_context_navigation.css 2022-12-23 17:49:08 +02:00
MrOtherGuy
86fd7202c5 Use correct pref name in tabs_on_bottom.css 2022-12-23 14:26:23 +02:00
MrOtherGuy
95fbda2710 Improve support for gtk-csd-reversed-placement
This patch changes how we deal with window control buttons on left
layouts. Previously, we looked to a pref that was only set on macos
but with this patch we use media queries to detect whether the system
is macOS or gtk-csd buttons use left-side layout.

To support old-style "override pref" this patch also introduces a
new custom pref userchrome.force-window-controls-on-left.enabled
which can be used e.g on Windows to move window controls to left side.
This logic is currently only supported in styles that use
window_control_placeholder_support.css
2022-12-23 13:53:51 +02:00
MrOtherGuy
c07ce454e8 Make tab separator lines border-image important. Fixes #239
On MacOS tabs have border:none which resets border-image. This patch
overrides that rule.
2022-12-23 08:43:48 +02:00
MrOtherGuy
7ef22f7807 Use CSS containment to make hide_tabs_with_one_tab work reasonably 2022-12-18 13:49:56 +02:00
MrOtherGuy
024f9dcee7 window_title_in_menubar: Make title clip with ellipsis instead of wrapping 2022-12-17 09:41:53 +02:00
MrOtherGuy
f5c703c547 toolbars_below_content: remove negative bottom value from urlbar
This fixes urlbar moving a bit when it's being opened
2022-12-16 11:13:59 +02:00
MrOtherGuy
0830700dc0 navbar_below_content: remove negative bottom value from urlbar
This fixes an issue where the urlbar moves a bit when opened
2022-12-16 11:09:38 +02:00
MrOtherGuy
f621bb7a7a some improvements to compact_urlbar_megabar.css
Fix code formatting and tweaks to urlbar-input-container sizing
2022-12-16 11:07:17 +02:00
MrOtherGuy
b1bae62e32 vertical_bookmarks_toolbar.css: Make PlacesToolbar flow vertically 2022-12-14 21:36:25 +02:00
Arnaud Ferraris
fbc916b447
mobile-config-autoconfig: restart Firefox on update
With the current implementation, `userChrome.css` and `userContent.css`
are effectively replaced on a package update, but the session still uses
the previous version.

Triggering a restart as soone as those files are updated ensures the
latest version will be used immediately.
2022-12-14 09:46:21 +01:00
MrOtherGuy
0c0ba80f0b adjustments for bookmarks toolbar item sizing
This fixes an issue with Firefox 108 where an empty "placeholder" space
would appear below tabs toolbar.
2022-12-14 09:16:30 +02:00
primalmotion
d661fc1666
fix: various popups flickering (MR 25)
The protection, identity, permissions and widget overflow popups were
flickering when their width was larger than the screen. This patch
bounds the width of the viewport.
It also makes the overflow menu use as much vertical real estate as
possible, as this seems to fix flickers for extensions.
2022-12-13 15:48:35 -08:00
MrOtherGuy
4918f31c82 Improvements for centered_tab_label.css
This patch makes tab label work better when label has rtl text.
Secondary tab label (like "muted" etc.) is now also centered.
2022-12-08 16:19:36 +02:00
MrOtherGuy
a25da9fe49 multi-row_tabs_below_content.css: make arrowscrollbox use display:inline 2022-11-28 23:41:25 +02:00
AMS777
a0a477cebf
Fix empty tab rows on Firefox 107 (#232)
On Firefox 107, the tab bar displays all the tab rows, even if they are empty because there are few tabs.
This change removes the empty tab rows and restores the right behavior, only displaying tab rows when there are too many tabs to fit in one row.
2022-11-28 23:38:01 +02:00
MrOtherGuy
9a66b9e88f status_inside_urlbar: pack statuspanel label to center when asked to
Loading status label is rendered as pseudo-element in Firefox 109 and
this change is necessary to correctly center the label in that case.
2022-11-28 09:01:48 +02:00
MrOtherGuy
6fa2a9beb4 various improvements for combined_tabs_and_main_toolbars.css
This patch makes focused urlbar overlay other toolbar instead of being
constrained to urlbar-container width. This also disables that weird
bookmarks toolbar margin by default, but leaves code for Firefox <108
compatibility. Unpinned tabs are now visible by default but that can be
reversed by setting a pref. And lastly this disables tabs
arrowwscrollbox css containment which would cause the style to not work
in Firefox 108.
2022-11-21 08:29:41 +02:00
MrOtherGuy
965eefc00a Various improvements to multi-row_tabs_below_content.css
This patch makes the style behave better on linux as well as make
fullscreen mode work better. It also fixes an issue where invisible
menubar would prevent window from being draggable from flexible-space
placed to the left of urlbar.
2022-11-20 14:13:28 +02:00
MrOtherGuy
d10c346554 Don't restyle tabs-newtab-button, and instead just hide it
The button will not show up anyway so this just simplifies things.
2022-11-19 12:47:15 +02:00
MrOtherGuy
62f0d91975 remove remaining --lwt-frame variables from the codebase 2022-11-19 10:22:05 +02:00
MrOtherGuy
add8f8c1eb Prevent accidentally setting width for places toolbar drop indicator
This patch fixes an issue where top row of bookmarks toolbar can become
unusable after draggin a bookmark
2022-11-19 10:14:15 +02:00
MrOtherGuy
cf3d865b7d create vertical_urlbar_one-off_items.css 2022-11-17 11:32:38 +02:00
MrOtherGuy
b08805185f autohide_sidebar: create sidebar-header padding using pseudo-elements.
This works around a layout issue where header inline-padding prevents it
from collapsing to zero-width in fullscreen mode.
2022-11-16 09:25:07 +02:00
MrOtherGuy
bf81ba74fb remove findbar-container explicit height and close-button explicit width 2022-11-15 23:38:42 +02:00
MrOtherGuy
8d17fb1d64 multi-row bookmarks: make items in the toolbar visible
This is just in case that Firefox logic would hide them on some
condition even if they now can fit the toolbar.
2022-11-08 05:35:16 +02:00
MrOtherGuy
714cd2eab5 Add comment about where newtab-image is loaded from 2022-11-06 14:43:35 +02:00
MrOtherGuy
ca39b27d0b create newtab_background_image.css 2022-11-06 14:41:10 +02:00
MrOtherGuy
9d081f27b5 Make hide_tabs_with_one_tab_w_window... compatible with tabs_on_bottom 2022-10-23 18:06:02 +03:00
MrOtherGuy
2ed7f4c60c Also hide labeled private-browsing indicator when not needed 2022-10-23 17:49:59 +03:00
MrOtherGuy
5be0331715 Make hide_tabs_with_one_tab_w_window_controls work in Fx108 2022-10-23 17:36:54 +03:00
MrOtherGuy
9d90aabbc0 vertical-bookmarks-toolbar: Fix fullscreen mode and make it work in 107+ 2022-10-22 12:17:17 +03:00
MrOtherGuy
53eb59e017 curved_tabs: Fix curve placement on Firefox 107 2022-10-21 12:06:45 +03:00
MrOtherGuy
6192ac3b64 Make centered_top_statuspanel work with 107 2022-10-19 23:36:52 +03:00
MrOtherGuy
b958b75f2c Make multi-row_bookmarks.css compatibility rules work in Firefox 107
In 107 (but not in 108) you also need to set
layout.css.moz-box-flexbox-emulation.enabled to true for things to work
2022-10-19 11:21:27 +03:00
MrOtherGuy
22a42117d0 status-inside-urlbar: add background-color to .browserStack
This opaque background allows us to draw statuspanel behind it.
Without this patch, the statupanel could be shown on tabs
that don't yet have associated <browser> such as when restoring
a tab after startup.
2022-10-15 18:36:04 +03:00
MrOtherGuy
8de1ddc044 Use padding instead of margin to create space inside nav-bar
This makes Firefox behave more sane for pushing/removing items from
overflow menu.
2022-10-10 19:28:55 +03:00
MrOtherGuy
21d9fc5403 Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2022-10-08 16:35:37 +03:00
MrOtherGuy
53526aa76e autohide-sidebar: Apply width transitions to sidebar-header 2022-10-08 16:33:43 +03:00
GodieGun
4653c3ee7e
Update vertical_bookmarks_toolbar.css (#214)
This change makes compatible with pop-up windows. I use extensions that creates new pup-up windows and looks bad with that space in blank. this affects to other windows than don't use tabs.
2022-10-08 08:41:17 +03:00
MS_Y
a435e7507f
Fix: Show #tabs-newtab-button at overflow (#212) 2022-10-07 16:45:09 +03:00
MrOtherGuy
9cce78da35 Add tags support for newtab_button_always_on_hover.css 2022-10-04 14:47:30 +03:00
Anarky
cebde512b5
Create newtab_button_always_on_hover.css (#208)
This is based on tab_close_button_always_on_hover.css

Co-authored-by: Anarky <ghostanarky+aur@gmail.com>
2022-10-04 14:45:03 +03:00
MrOtherGuy
f12eed50a9 Don't restyle separators unless they are actually inside PersonalToolbar
Someone might use this style to make the bookmarks toolbar itself
vertical housing buttons etc. but have bookmarks-toolbar-items in some
other horizontal toolbar.
2022-10-04 08:54:38 +03:00
MrOtherGuy
976df50a01 Make separators show up with vertical bookmarks toolbar 2022-10-04 08:45:42 +03:00
MrOtherGuy
2f270ca0c0 fake-statusbars: Make the styles work with new statuspanel DOM 2022-09-30 16:50:25 +03:00
MrOtherGuy
855b1f8a95 status_inside_urlbar: Update styling to work with Fx106 2022-09-10 19:11:23 +03:00
Teemu Ikonen
ff2f07873f
userChrome/popups.css: Hide some context menu items (MR 24) 2022-09-05 00:20:59 +03:00
MrOtherGuy
3f5bc73e69 Remove dependence on --menu-x variables
Firefox 105 won't have these anymore as per
https://bugzilla.mozilla.org/show_bug.cgi?id=1782858
2022-08-31 15:58:48 +03:00
MrOtherGuy
3c7a4cd0f2 update tags.csv again 2022-08-10 11:17:59 +03:00
MrOtherGuy
16267fe5ef Add header to shrinking_pinned_tabs & 40px max-width for normal density 2022-08-10 11:15:08 +03:00
sonofevil
57edf88b16
Create shrinking_pinned_tabs.css (#201) 2022-08-10 11:09:48 +03:00
MrOtherGuy
a9e58dcf21 Use [checked="true"] in menuitem selectors
This was only using [checked] to check if the item is checked, but the
attribute can also be "false".
2022-08-07 18:11:10 +03:00
MrOtherGuy
6c7abad64e update custom_menupopup_check_icons.css to work well in Firefox 103
This has only been tested on Windows10 with non-native menus.
2022-08-07 16:33:10 +03:00
MrOtherGuy
7425885cb1 create reload_button_in_urlbar.css 2022-07-22 18:35:46 +03:00
MrOtherGuy
0d1ec1e56f remove outline from .tab-background 2022-07-07 17:45:15 +03:00
MrOtherGuy
6d16966886 create tab_loading_progress_bar.css 2022-06-25 07:09:46 +03:00
MrOtherGuy
0f23af615e add -moz-context-properties unconditionally to fallback window controls
Without it, the icons won't show up if one uses theme with background
image
2022-06-18 11:03:52 +03:00
MrOtherGuy
a49066b2f4 sharp_tabs: draw tabs-newtab-button icon as background-image
This is done because we want the button background to fill toolbar
height, but we don't actually know how tall the toolbar is and thus
working with list-style-image + padding is going to produce stretced
icon on some systems.
2022-06-17 16:26:00 +03:00
MrOtherGuy
8dc4e1c795 Apply 2px rounding only to buttons in tabs customization target
This allows dropping extra id selector from tabs-newtab-button
2022-06-17 05:21:54 +03:00
MrOtherGuy
8899a560d4 Add some workaround-ish rules for linux use 2022-06-07 20:17:17 +03:00
MrOtherGuy
f036a4ca23 create fake_tab_tooltip.css 2022-06-05 07:31:01 +03:00
MrOtherGuy
5aa1d1ec01 use overflow:hidden instead of -moz-hidden-unscrollable for window title 2022-06-01 08:12:52 +03:00
MrOtherGuy
6b242379ec Remove Windows specific extra titlbar paddings from codebase
Firefox 101 doesn't need those anymore :)
2022-06-01 00:19:19 +03:00
MrOtherGuy
4daf1969be modify tab-label line-height to prevent tab height increase w large font 2022-06-01 00:18:02 +03:00
MrOtherGuy
d8f027a088 Set menubar margins only when native titlebar is disabled
If native titlebar is enabled the rules would move tabs and navbar
partially below native titlebar. Those rules are not needed anyway
with native titlebar since window controls are in native titlebar.
2022-05-15 06:20:05 +03:00
MrOtherGuy
2f792166c3 curved_tabs: Improve style compatibility with theme images
This patch makes outward curves use a sliver of toolbox background-image
to mask some artifacts that are results of several semi-transparent
surfaces. This also changes the curve svg image a bit to makes
curve-border transitions more smooth.
2022-05-08 15:58:27 +03:00
MrOtherGuy
0e2727345b inherit sidebar background color
inherited background is safer than using --toolbar-bgcolor which is very
likely to have transparency if theme has images.
2022-05-07 20:46:15 +03:00
MrOtherGuy
352677b8b8 Return little less early when initializing code-block content. 2022-05-07 19:31:59 +03:00
MrOtherGuy
d038f7c1a1 Add early return when determining content to load. 2022-05-07 18:58:38 +03:00
MrOtherGuy
7d083242c2 Update private-browsing icon source 2022-05-07 13:58:59 +03:00
MrOtherGuy
df85873f33 Various improvements to multi-row_tabs_below_content
This patch makes it easier to change some settings, as well as adds an
optional behavior to show static menubar via custom pref.
2022-05-06 10:16:49 +03:00
MrOtherGuy
961c40c34b Add some missing variables 2022-04-19 11:02:26 +03:00
MrOtherGuy
4542a03f38 Add comment to notify about non_pinned_sharp_tabs being a requirement 2022-04-19 11:01:44 +03:00
MrOtherGuy
80d6887a09 tabs_animated_gradient_border: rewrite style
This patch makes the style work together with non_floating sharp tabs
which is now a requirement for this style, because this style won't make
sense with proton-like tabs.
2022-04-19 10:55:58 +03:00
MrOtherGuy
fa620a9730 classic_grid_main_menu_popup: rewrite for Firefox 99 style 2022-04-18 15:33:08 +03:00
MrOtherGuy
a383071f10 remove legacy .tabbrowser-arrowscrollbox selectors 2022-04-17 15:56:22 +03:00
MrOtherGuy
0c81924f74 add few compatibility rules for multi-row_tabs 2022-04-17 15:54:07 +03:00
MrOtherGuy
4a263d029a add few multi-row_tabs compatibility rules
Empty tabs toolbar won't collapse otherwise because of how flexbox
treats visibility:collapse
2022-04-17 15:44:57 +03:00
MrOtherGuy
c5eb21c3dd reduce selector specificity when setting tab height 2022-04-17 15:26:22 +03:00
MrOtherGuy
cd53cad31c update compact_addons_manager.css to work in Fx99 2022-04-16 08:42:13 +03:00
MrOtherGuy
db4d9f86c5 Use --uc-titlebar-padding in extra Windows toolbox padding.
This makes the style compatible with tabs_on_bottom :)
2022-04-11 16:19:37 +03:00
MrOtherGuy
3241bdbfe1 autohide_toolbox.css: adjust toolbox margins on hidpi screens 2022-04-08 20:31:56 +03:00
MrOtherGuy
be838e98f3 remove remaining --proton-* variables. fixes #111 2022-04-06 11:40:43 +03:00
MrOtherGuy
6542097da9 remove ancient titlebar-placeholder selectors 2022-04-06 10:02:09 +03:00
MrOtherGuy
5cf3467964 Handle fullscreen and private-browsing mode styling better
This patch should mostly fix issues described in #149
2022-04-06 09:58:22 +03:00
MrOtherGuy
23e4e0a377 rename urlbar_connection_type_colors.css to *type_text_colors.css 2022-04-03 21:02:42 +03:00
MrOtherGuy
9276c9f7fb create urlbar_connection_type_background_colors.css 2022-04-03 21:00:50 +03:00
MrOtherGuy
cdeb11acfc Merge branch 'codeblock' 2022-04-03 15:03:29 +03:00
MrOtherGuy
97e42e134a tag-browser: use separate <code-block> module for style preview 2022-04-03 15:01:07 +03:00
MrOtherGuy
8d25156001 curved-tabs: move tabs away from the window edge with pinned tabs
With positioninnedtabs, the left-most tab might end up outside of the
window under some circumstances (for example when menubar is enabled).
This patch moves tabbrowser-tabs away from the window edge equal to the
curve-size and makes the pre-tabs spacer a bit narrower to make the
space not look too large when the spacer is shown.
2022-04-02 14:49:03 +03:00
MrOtherGuy
b9e140dbbd Rewrite combined_favicon_and_tab_close_button.css
This rewrites the style to achieve compatibility with
inline_tab_audio_icons.css. compatibility only requires few small
non-affecting extra rules in inline_tab_audio_icons. This patch also
makes combined_favicon_and_tab_close_button work with themes where tab
background is not full opaque which is a nice bonus :)
2022-03-29 17:14:40 +03:00
MrOtherGuy
74d5d67e71 Remove use of :-moz-lwtheme-{bright,dark}
This pseudo-class won't be supported in Firefox 100,
and we can just use :root[lwthemetextcolor="bright"] instead.
2022-03-27 16:19:56 +03:00
MrOtherGuy
82444fcf07 deprecate theme_aware_modal-prompts.css
These are already styled based on theme in recent Firefox versions
2022-03-27 16:18:11 +03:00
MrOtherGuy
ea17cb7f1f Show window global notificationbox in same order as tab modal 2022-03-27 15:31:59 +03:00
MS_Y
d7f813e96b
Tabs on bottom menubar on top patch at non activated menubar (#182) 2022-03-27 14:26:36 +03:00
MrOtherGuy
5b67ff233a Make tabs_on_bottom and *_menubar_on_top_patch compatible again
This patch makes it so that menubar window controls are to be shown
when the patch file is applied.
2022-03-25 10:39:13 +02:00
MrOtherGuy
44fa2f0f0d Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2022-03-25 10:29:10 +02:00
MS_Y
10515e618c
Tabs on bottom at menubar (#181) 2022-03-25 10:28:59 +02:00
MrOtherGuy
809d3e0eb9 Don't set padding to .titlebar-button elements
This fixes odd menubar titlebar button sizing on linux
2022-03-25 09:55:14 +02:00
MrOtherGuy
5f30eee1a3 Don't collapse tabbrowser-tabs but just make it inivisible
Collapsing disables alltabs button. This patch additionally adds more
rules for aligning alltabs-button better under various circumstances.
2022-03-23 11:12:31 +02:00
MrOtherGuy
4e66bf4d64 Don't remove window control placeholder space in fullscreen mode 2022-03-23 10:16:10 +02:00
MrOtherGuy
1d415561a2 Handle fullscreen window control placeholder size on linux 2022-03-23 10:15:37 +02:00
MS_Y
b046ab7119
Window control placeholder consider titlebar mode's fullscreen (#180) 2022-03-23 09:59:00 +02:00
MrOtherGuy
b4e09dcdfc Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2022-03-21 09:24:22 +02:00
MrOtherGuy
0e42e3c396 create compact_about_config.css 2022-03-21 09:23:47 +02:00
MS_Y
1f2e984853
centered tab label vertical align to center (#179) 2022-03-21 07:28:26 +02:00
MrOtherGuy
1a67388c7f Use content property to set icon source 2022-03-20 07:01:52 +02:00
MrOtherGuy
19c1452193 toolbars_below_content: make it able to drag the window from menubar
Dragging the window is still disabled when using only
autohide_menubar.css. But if you use both then dragging menubar should
work.
2022-03-19 08:34:48 +02:00
MrOtherGuy
0bc77cc515 autohide_menubar.css: Increase the size of menubar triggering area
The window frame area (at least on Win10) is wider in Fx98 which
prevents menubar items from showing up. This patch simply increases the
size by few pixels.
2022-03-01 11:41:38 +02:00
MrOtherGuy
ceb88176a7 make buttons inside urlbar clickable 2022-02-17 05:13:44 +02:00
MrOtherGuy
9272f36cd4 create drag_window_from_urlbar.css 2022-02-16 16:11:05 +02:00
MrOtherGuy
a5ac138086 fix typo in platform media queries 2022-02-13 21:26:15 +02:00
MrOtherGuy
71fe0e87c7 add basic support for -moz-platform media query 2022-02-12 09:20:20 +02:00
MrOtherGuy
1621ecc3f4 set visibility:hidden for items in bookmarks toolbar when collapsed 2022-02-06 09:36:12 +02:00
MrOtherGuy
03f4d098da sort tags again 2022-02-04 19:32:45 +02:00
MrOtherGuy
ef7a9c73f7 add a parameter to list existing tags
This patch adds support for "-l" or "--list" or "-list" parameters to
read and list unique tags from tags.csv
2022-02-04 19:30:18 +02:00
MrOtherGuy
f0caa6d5ae create window_control_force_linux_system_style.css 2022-02-03 15:57:45 +02:00
Oliver Smith
87689ef2e2
treewide: bump copyright to 2022 2022-01-30 11:59:57 +01:00
Oliver Smith
75c57aa3aa
treewide: change license to MPL-2.0
Adjust the license to be able to upstream adjustments from this
repository to upstream Firefox. I've asked all contributors if they are
fine with the license change in the related issue.

Fixes: https://gitlab.com/postmarketOS/mobile-config-firefox/-/issues/31
2022-01-30 11:59:52 +01:00
MrOtherGuy
fd644ff857 replace --tabs-border-color with --lwt-tabs-border-color 2022-01-22 06:43:57 +02:00
MrOtherGuy
19fa8eb39d Update styles to use --lwt-tab-line-color variable 2022-01-12 15:16:47 +02:00
MrOtherGuy
ec17a82ede remove top border from .tab-background 2022-01-12 08:21:27 +02:00
plata
16a4471b73
mobile-config-prefs.js: fix titlebar for plamo (MR 23)
Instead of moving tabs into the title bar, hide it completely on Plasma
Mobile, now that the tabs are at the bottom.
2022-01-09 12:18:08 +01:00
MrOtherGuy
fea6e47687 curved-tabs: decrease stroke-opacity of the border
This patch also adds some comments for svg.context-properties.content.enabled
which is a requirement as well as make default theme have separate
background-color for curves.
2022-01-06 17:36:44 +02:00
MrOtherGuy
1fe5d315c0 Make windows specific extra top margin only apply with [tabsintitlebar] 2022-01-02 09:37:20 +02:00
MrOtherGuy
8850c63fc9 Add optional section to show the button in top left corner of the window
This patch also updates the missing down arrow icon as well as adds some
spacing to the button like in the original.
2022-01-02 09:34:56 +02:00
MrOtherGuy
ee89221ad0 create multi-row_tabs_separate_pinned_row_patch.css 2021-12-31 08:27:33 +02:00
MrOtherGuy
b9d2dfd2f8 use placeholder image if tab doesn't have icon 2021-12-20 18:41:55 +02:00
plata
c3d0eada96
README: add resource "How to use the Firefox Browser Toolbox" (MR 22) 2021-12-15 23:32:48 +01:00
Jami Kettunen
f644112795
Makefile: remove unused variables (MR 21)
HOMEPAGE_FILES and DISTRO are completely unused since 559d486
("Homepage: set to about:home (MR 19)") so remove them.
2021-12-12 23:36:37 +02:00
Oliver Smith
32e4fb261c
userChrome/popups: move backForwardMenu on screen
Make sure the menu that gets opened when long-pressing the back button
is visible on screen. Note that this is useful not only for navigating
back, but can be used to navigate forward too, and to navigate back to
the new tab/home page.
2021-12-12 14:42:02 +01:00
Oliver Smith
e5ee057e95
userChrome/browser: fix kiosk mode
Make sure the navigation bar is hidden again in kiosk mode. This patch
adds the rest of MR 17 and a comment why it makes sense here.

Fixes: #29
2021-12-12 14:41:57 +01:00
MrOtherGuy
fcec71b08a ovrelay-scrollbars: use currentcolor instead of black for thumb
This makes the thumb visible on pages with dark background - at least
most of the time.
2021-12-12 08:59:50 +02:00
MrOtherGuy
817012e23c Create context_menus_more_proton.css 2021-12-11 21:27:02 +02:00
MrOtherGuy
d45baf3165 make integrated-searchbar-popup radius a bit easier to adjust 2021-12-11 10:44:21 +02:00
MrOtherGuy
d1b0d64f09 create integrated_searchbar_popup.css 2021-12-10 16:01:50 +02:00
MrOtherGuy
5578aa9d2d color-variables: add some variables that are used with system theme 2021-12-06 09:40:10 +02:00
Oliver Smith
c58bdd7b1b
README.md: update
Link to screenshot thread, link to ublock origin commit with detailed
reasoning.
2021-12-05 15:28:53 +01:00
Oliver Smith
94480ad5f7
CI: run .ci/lint.sh (MR 19) 2021-12-05 11:48:34 +01:00
Oliver Smith
85170ef7e5
README.md: update for new FF >= 91 version (MR 19)
Update to reflect changes. Remove the part about packaging for distros,
since lots of distributions have packaged this already and now that the
custom home page is removed, the steps are like any other make-based
project. Add notes about coding guidelines etc.
2021-12-05 11:45:43 +01:00
Tim Magee
f3bd649619
userContent/reader: make reader view adaptive (MR 19)
Picked from MR 20, with lint fixes.
2021-12-05 11:45:43 +01:00
Oliver Smith
d55bd0431d
userChrome/popups: make downloadsPanel adaptive (MR 19) 2021-12-05 11:45:43 +01:00
Oliver Smith
6bbf387f58
userChrome/popups.css: rework (MR 19)
Finally get rid of the tiny fonts hack. With the current config, we only
need an offset.
2021-12-05 11:45:43 +01:00
Oliver Smith
ab46ecdf00
userChrome/tabmenu: make it work with private mode (MR 19)
Always reserver the space for the private browsing indicator, even if
not in private mode. This allows using the same width for the displayed
tab in both modes. Without this, the X of the tab is not visible in
private mode.

I think it's nice to have this space in both modes to quickly close the
menu, as it's right above the menu button.
2021-12-05 11:45:43 +01:00
Oliver Smith
7b8adcd0c9
userChrome/urlbar: tweak padding (MR 19)
Add a bit of padding to the left and to the right.
2021-12-05 11:45:43 +01:00
Oliver Smith
fa17075a6d
userChrome/urlbar: hide robot icon on focus (MR 19)
This one is for being connected with the debugger. It's hard to edit the
CSS to make the urlbar look good with the debugger, if being connected
with it gives it another apperance. I'm currently fixing up the padding
to the left where the icon is, so disable it.
2021-12-05 11:45:43 +01:00
Oliver Smith
9bf6b83a29
userChrome/urlbar: update page-action-buttons id (MR 19)
Fix hiding the bookmark icon inside the urlbar, while the urlbar is
focused (to gain more editing space) in newer FF versions.
2021-12-05 11:45:42 +01:00
Oliver Smith
9b555ef2e9
autoconfig: set browser.newtabpage.enabled (MR 19)
Now that there's a nice about:home page, show it in new tabs too instead
of the weird looking blank page. Set this in autoconfig.js instead of
policies.json, so it can be overridden by the user via settings page.
2021-12-05 11:45:42 +01:00
Oliver Smith
cdf699bfd1
userContent/home: make adaptive (MR 19) 2021-12-05 11:45:42 +01:00
Oliver Smith
511f62ac7b
userChrome/urlbar: hide amazon icon (MR 19) 2021-12-05 11:45:42 +01:00
Oliver Smith
95710f0b98
autoconfig: don't suggest search engines in urlbar (MR 19) 2021-12-05 11:45:42 +01:00
Oliver Smith
f770c747d3
autoconfig: don't suggest topsites in urlbar (MR 19) 2021-12-05 11:45:42 +01:00
Oliver Smith
a5ccdf0ffe
policies: disable UserMessaging/SkipOnboarding (MR 19)
Disable the last item in UserMessaging too. Onboarding messages look
like this:
https://support.mozilla.org/en-US/questions/1202153
2021-12-05 11:45:42 +01:00
Oliver Smith
559d48638e
Homepage: set to about:home (MR 19)
Use the standard Firefox homepage as default homepage. The information
on the previous homepage is mostly obsolete, and this makes it look much
nicer.
2021-12-05 11:45:42 +01:00
Oliver Smith
af7c250fe3
policies.json: configure firefox home (MR 19)
Disable everything but the search bar. This gives a clean page, of a
cog wheel on the top right where the user can adjust it as they want
(e.g. enable most frequently visited pages), then the FF logo and the
search bar.

I've considered enabling TopSites in order to show the most frequently
visited sites according to the browser's history. However, this also
enables built-in links to youtube, facebook, reddit, amazon, twitter.
And while it is convenient to have links you frequently visit available
(based on your history, not these built-ins!), getting an almost blank
page instead is actually a good idea to reduce the bad pattern of
opening a web browser and then forgetting your original intention until
it opens, and instead surfing mindlessly on the most recently visited
websites. The almost blank page gives the user a moment to think about
what they really want to do.
2021-12-05 11:45:42 +01:00
Oliver Smith
160a1056c2
policies.json: install uBlock origin by default (MR 19)
Here's something controversial. Install the wide-spectrum blocker uBlock
origin by default. This enables blocking of ads, trackers and malware
sites. I think these should be blocked for several reasons:

1. Performance on mobile devices

It's clear when browsing the web with this add-on, that there is a major
performance benefit in blocking advertising and tracking on websites. We
don't have these resources to waste on Mobile Linux.

2. Privacy

From uBlock origin's README.md:
> [...] it's important to note that using a blocker is NOT theft. Don't fall
> for this creepy idea. The ultimate logical consequence of blocking = theft
> is the criminalisation of the inalienable right to privacy.

> Ads, "unintrusive" or not, are just the visible portions of privacy-invading
> apparatus entering your browser when you visit most sites nowadays. uBlock
> Origin's main goal is to help users neutralize such privacy-invading
> apparatus — in a way that welcomes those users who don't wish to use more
> technical, involved means (such as uMatrix).

3. Manipulation

Modern advertising platforms are used to manipulate people in the scale
of influencing elections of world leaders. From Cambridge Analytica and
similar companies' perspective, one of the workflows is showing the user
an advertisement, then monitoring search queries to determine if the ad
was effective, then adjusting the ad to convince you better to vote for
a certain party, repeat. This has severe negative effects on society,
for people unfamiliar with the topic I recommend watching the movies
"The Great Hack" and "The Social Dilemma". The mentioned workflow is
described in the "Your Undivided Attention" podcast, episode 10, "Rock
the Voter" in an interview with a former Cambridge Analyticer insider.

Related: https://github.com/gorhill/uBlock
Related: cab6a5076c/README.md (policiesjson-45)
Related: https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/
2021-12-05 11:45:42 +01:00
Oliver Smith
76dc2a742c
policies.json: remove most default search engines (MR 19)
Keep DuckDuckGo (still set as default) and Wikipedia. This part of the
json file was generated with contrib/extract-search-engines.sh.
2021-12-05 11:45:42 +01:00
Oliver Smith
654616ab46
contrib/extract-search-engines.sh: new file (MR 19)
Add a script that allows extracting the list of search engines enabled
in the current firefox build. There is no way to simply disable all
built-in search engines, so we need a list like this. Note that the
search engines can only be removed in the ESR version. I've briefly
tried to find such a list in the source code, but didn't find it without
spending too much effort. Besides, I'm guessing that in the source code
it's stored in almost the same format found in the "omni.ja" zip
archive.
2021-12-05 11:45:42 +01:00
Oliver Smith
445c1da339
CI: lint: detect indent errors in json (MR 19)
Lines in policies.json start with ".
2021-12-05 11:45:42 +01:00
Oliver Smith
7f5dddd387
policies.json: fix indent (MR 19) 2021-12-05 11:45:42 +01:00
Oliver Smith
fa65935111
CI: lint: fix not working as pre-commit symlink (MR 19)
Throw in another realpath, so TOPDIR works as expected after:
  ln -s $PWD/.ci/lint.sh .git/hooks/pre-commit
2021-12-05 11:45:42 +01:00
Oliver Smith
5b1ace4f24
autoconfig.js: fix indent (MR 19) 2021-12-05 11:45:41 +01:00
Oliver Smith
a8cbf4f950
CI: lint: show "src" in error message too (MR 19) 2021-12-05 11:45:41 +01:00
Oliver Smith
6f4285e957
CI: lint: check js, json too (MR 19) 2021-12-05 11:45:41 +01:00
Oliver Smith
0b38379d61
user-agent: update to latest tor browser's UA (MR 19)
As of writing (2021-12-04), the latest tor browser for android version
is 10.5.9 (91.2.0-Release) and has this user-agent.
2021-12-05 11:45:41 +01:00
Oliver Smith
3d3ef8a516
userChrome/editBookmarkPanel: new file (MR 19)
After a boatload of trail and error, here's a config that appears to be
working well with the editBookmarkPanel.
2021-12-05 11:45:41 +01:00
Oliver Smith
8759370c25
userChrome/appMenu: hide fullscreen button (MR 19) 2021-12-05 11:45:41 +01:00
Oliver Smith
4cc9e5f07a
userChrome/tabmenu: fix width for long titles (MR 19) 2021-12-05 11:45:41 +01:00
Oliver Smith
e7571365c1
userChrome/tabmenu: fix tiny height/jumping around (MR 19)
Apply a similar hack to the "all tabs" menu, as the appMenu has, so it
gets a proper height and doesn't jump above or below the "all tabs"
button, depending on the keyboard being displayed or not. With this
hack, it stays consistently above the button.
2021-12-05 11:45:41 +01:00
Oliver Smith
5f5cc3c09a
userChrome/tabmenu: always show "all tabs" button (MR 19)
Thanks to Peter Mack (linmob) for the idea and initial implementation.
2021-12-05 11:45:41 +01:00
Oliver Smith
af0073b014
userChrome/findbar: rework for FF 94 (MR 19)
Use multiple lines now, instead of making fonts tiny and hiding buttons.
2021-12-05 11:45:41 +01:00
Oliver Smith
eb890d187c
userChrome/urlbar: hide bookmarks toolbar (MR 19) 2021-12-05 11:45:41 +01:00
Oliver Smith
41e3f583ea
userChrome/appMenu: rework for FF 94 (MR 19)
Adjust the menu for Firefox 94, and for having the tab bar and search
bar at the bottom.

Getting the appMenu to look decent took me forever to figure out, here's
a notable alternative version that always uses the full screen height:

  #appMenu-popup {
        margin-top: calc(-1 * 100vh) !important;
        height: calc(100vh - 100px) !important;
        max-height: calc(100vh - 100px) !important;
  }

However with this alternative version, there's a bug when having the
keyboard open, then opening the menu (-> it will get spawned with about
half the screen size), and then closing the keyboard and opening the
menu again. The menu is cached (as one can see in the element inspector)
and still has the wrong height. The content inside the menu is
flickering between the full height and the half height.

By having a fixed size that looks good with both the keyboard open and
closed, we can work around this problem. The height of the keyboard was
adjusted for the PinePhone. If it doesn't look good on your device, add
a media query to make it have a different height based on the overall
height of the window (and possibly also width).
2021-12-05 11:45:41 +01:00
Oliver Smith
1a0ba21cc6
userChrome/urlbar: big search results on top (MR 19)
Cover the whole page, make it scrollable. Much more enjoyable to use.
2021-12-05 11:45:41 +01:00
Oliver Smith
3269089d1c
userChrome/urlbar: hide identity icon label (MR 19) 2021-12-05 11:45:41 +01:00
Oliver Smith
e2688f0e55
userChrome/browser: move nav bar to bottom (MR 19)
Based on MR 17 by plata-gl, thank you very much, and thanks to everybody
who answered the survey linked in that MR whether to make this default
or not.

I've left out padding-top since the additional 1px bar towards the top
looks like a bug, I've compared with Fennec on Android and it doesn't
have such a line. Also I've left out the inFullscreen lines from the MR,
not sure what they are for - we can still add them in a follow-up patch
if desired.
2021-12-05 11:45:41 +01:00
Oliver Smith
0a269b9ba0
.ci/lint_css.sh: add dead simple linter (MR 19) 2021-12-05 11:45:40 +01:00
Oliver Smith
2547cd2c35
editorconfig: new file (MR 19) 2021-12-05 11:45:40 +01:00
Oliver Smith
1143d383a3
treewide: format css files (MR 19) 2021-12-05 11:45:40 +01:00
Oliver Smith
83017c32ba
src/common/header.css: make it more fancy (MR 19) 2021-12-05 11:45:35 +01:00
MrOtherGuy
05ffcd19c3 Add a comment to remove the line that makes close-buttons always visible
This makes it more apparent that removing that one line makes pinned
tabs otherwise normal, but they don't have close-buttons.
2021-11-29 11:39:24 +02:00
MrOtherGuy
6bf1d1f530 Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2021-11-29 08:32:07 +02:00
MrOtherGuy
3246a70d20 create page_action_buttons_on_urlbar_hover.css 2021-11-29 08:30:47 +02:00
Peter Anderson
6a5e012c0b
Issue #157: Match transition duration to page_action_buttons_on_hover.css. (#158) 2021-11-29 08:22:40 +02:00
MrOtherGuy
4bd6f389a8 don't hide remote control icon for security. 2021-11-28 15:21:15 +02:00
MrOtherGuy
878fe0fa05 create urlbar_info_icons_on_hover.css 2021-11-28 15:17:56 +02:00
MrOtherGuy
116199ce0d tag-browser: make it possible to deselect specific styles
This patch adds a few features to tag browser. It makes it possible to
de-select a selected file, adds automatic construction of file query
parameter using history API and makes links in css source act like the
file selector buttons in the tag browser. In addition, this patch makes
adding files that end with "_support.css" (like window_control_placeholder_support) always be put it as the first
item in the preview.
2021-11-25 19:09:37 +02:00
MrOtherGuy
85b03c0701 only modify vertical padding of arrowpanel items 2021-11-23 16:54:47 +02:00
MrOtherGuy
82fec575ec remove uses of -moz-proton media query 2021-11-23 16:49:50 +02:00
MrOtherGuy
5118aedfad remove --proton-tab-block-margin dummy variables 2021-11-21 09:42:28 +02:00
MrOtherGuy
134fdbfb22 make vertical_menubar.css sort of work
This style was totally broken, now it at least works.
2021-11-21 08:29:12 +02:00
MrOtherGuy
d64e9e129e add temporary dummy variables to support for window frame color
In 96 the old --lwt-accent-color is renamed to --lwt-frame so add some
compatibility rules for now.
2021-11-21 08:03:05 +02:00
MrOtherGuy
d35ebf1943 hide .bookmark-item elements in fullscreen mode. Fixes #154
For some reason individual .bookmark items in the toolbar are being
rendered in Firefox 96, even though the toolbar itself is hidden. This
patch applies a simple visibility:hidden to all of them.
2021-11-18 09:51:59 +02:00
MrOtherGuy
5d5370fab3 create multi-row_main_toolbar.css 2021-11-16 10:22:05 +02:00
MrOtherGuy
cd77c41af7 make it possible to extend fake border around urlbar popup
This makes the input-container use static positioning which could
potentially be problematic in some scenarios.
2021-11-14 09:44:43 +02:00
MrOtherGuy
880700519a remove margin around urlbar-background
This also removes pre-proton tab-block-margin variable which isn't
supported anymore
2021-11-14 07:56:27 +02:00
MrOtherGuy
b3730074ba create urlbar_container_color_border.css 2021-11-14 07:30:53 +02:00
MrOtherGuy
946668e9a1 Handle different bookmarks item heights better
Bookmark items in the toolbar may not be same height on all systems,
generally the text size on Linux is bigger than on Windows for example.
This patch changes the height to use min-height on bookmark items and
removes their individual block padding. Thus, thee effectively have
variable block-padding depending on the text size.

In addition this patch removes few pre-proton workarounds because those
don't need to be supported any more.
2021-11-13 09:26:18 +02:00
MrOtherGuy
2d7f31b766 make sure bookmarks toolbar isn't collapsed in fullscreen mode. fixes #154 2021-11-10 21:10:52 +02:00
MrOtherGuy
fe534d6224 make #tab-notification-deck always be closest "toolbar" to content 2021-11-06 22:23:29 +02:00
MrOtherGuy
1a9cbceb7c floating-findbar: make findbar-status able to be clipped
Before this change, the status would show fully, so on narrow windows
the input controls and close button would be pushed out of the window.
Now the status text will instead get clipped.
2021-11-06 12:10:00 +02:00
MrOtherGuy
357e5bc0b4 create selected_tab_gradient_border.css 2021-11-04 12:24:20 +02:00
MrOtherGuy
b6ae559352 multi-row-tabs: remove bottom-margin from tabs-newtab-button
The 1px bottom margin may have small visible effect for row-height computation
in which case the visible height may be thrown off by a little bit. This
patch fixes that issue.
2021-11-01 18:39:58 +02:00
MrOtherGuy
d0c5ac941c inline-audio-icons: add opacity:1 to throbber so it shows in compact mode 2021-11-01 06:58:42 +02:00
MrOtherGuy
1ae35459e1 Make developer-icon use new correct image path 2021-10-31 20:37:10 +02:00
MrOtherGuy
233d758f08 hide_tabs_toolbar: make the style work better with titlebar and menubar 2021-10-29 17:42:16 +03:00
MrOtherGuy
f0675ef1a8 create standalone_image_page_mods.css 2021-10-27 16:55:03 +03:00
MrOtherGuy
81a385bd63 window control button visibility changes 2021-10-16 08:51:07 +03:00
MrOtherGuy
f973f447a1 use absolute positioning for window controls in fullscreen 2021-10-16 08:47:27 +03:00
MrOtherGuy
b1125f81ff Show titlebar-buttonbox if it's last-child, and make it use --toolbar-color
Using --toolbar-color allow the icons to show up if the selected theme
has light tabs but dark toolbar, and vice versa. In 95 there is no
separate #window-controls for fullscreen, and thus the titlebar-buttonbox-container
becomes last-child which we don't want to hide.
2021-10-16 07:27:31 +03:00
MrOtherGuy
7801318d78 add -1px margin for multiselected tab-background
This makes the tabs to draw 1px on top of each other which should make
multiselected tabs look better with and without tab separators
2021-10-13 16:14:06 +03:00
MrOtherGuy
9ad96bb6f3 Set multiselected tabs to have tab hover background color. Fixes #150 2021-10-11 17:44:40 +03:00
MrOtherGuy
33a655de9e remove toolbox bottom border and improve compatibility with autohide_toolbox.css 2021-09-25 11:42:50 +03:00
MrOtherGuy
c50e8aa8aa remove max-height from panels so their content shows properly on linux 2021-09-23 23:31:21 +03:00
MrOtherGuy
6214f6e1e7 separate window-control-drag-space-width to -pre and -post
This way we can handle maximized windows not having the other drag space
like Firefox does normally. This patch additionally adds window control
width values for Win7 Win8 and linux
2021-09-19 20:31:30 +03:00
MrOtherGuy
a73238a267 fix tabs-newtab-button appearance 2021-09-19 20:15:26 +03:00
MrOtherGuy
96f2ba5977 add default disabled option to show bookmarks below tabs 2021-09-19 19:38:20 +03:00
Jan-T. Brinkmann
47111e79b5
fix window_control_placeholder_support showing buttons on fullscreen (#147) 2021-09-19 18:57:33 +03:00
MrOtherGuy
2a3c116fd1 improvements for bookmarks toolbar background image alignment 2021-09-17 20:33:22 +03:00
MrOtherGuy
bbcea9a26f make autohide_menubar and toolbars_below_content work together
This change adds a few variables to both styles that "communicate" with
each other. This autohide_menubar is pretty useful if toolbars are
below content so while this does introduce complexity, it's probably worth it.
2021-09-10 19:07:31 +03:00
MrOtherGuy
2cea8f0710 decrease the top margin specificity for menubar and browser 2021-09-10 17:21:49 +03:00
MrOtherGuy
23d779126c Make tabs use correct height 2021-09-09 16:19:46 +03:00
MrOtherGuy
50f77aea20 use correct path for private mode indicator 2021-09-09 05:25:27 +03:00
MrOtherGuy
e278651723 create menulike_bookmarks_folder_popups.css 2021-09-08 05:55:16 +03:00
MrOtherGuy
a02c978ebf add missing "url"-token to @-moz-document 2021-09-07 06:18:52 +03:00
MrOtherGuy
7037462678 use -webkit-box instead of flex for nav-bar so extension panels can work 2021-09-01 15:58:37 +03:00
MrOtherGuy
da2ee8b244 use display: -webkit-box instead of flex for nav-bar
display: flex breaks extension menus but -webkit-box doesn't, so lets
use that while it works.
2021-09-01 15:49:26 +03:00
MrOtherGuy
4f2cce8b10 chrome/urlbar_popup_full_width.css: fix incorrect header link 2021-08-27 23:22:44 +03:00
MrOtherGuy
bd53d19665 replace --lwt-toolbar-field-x variables with new versions
Firefox 91 still uses some old variants, so this style adds temporary
dummy variables to several styles to make <91 work.
2021-08-26 10:01:45 +03:00
MrOtherGuy
cea26c1564 replace --lwt-toolbar-field-border-color with --toolbar-field-border-color 2021-08-26 09:24:21 +03:00
MrOtherGuy
568c1cd86b create a few exceptions for default light theme colors
This lets default light theme to use toolbar-bgcolor for the selected
theme as well as make the line atop of selected tab (with default light theme) show as blue as per
Photon styling.
2021-08-26 08:59:45 +03:00
MrOtherGuy
e2a2974038 inline_tab_audio_icons: increase size of audio icon and move it closer to favicon
decreasing the padding allows icon to be bigger. Modifying inline-margin
moves it closer to favicon and also pushes label towards it. This allows
the style to work better with default tab min width (76px) which is not
wide enough to fit favicon, audio icon and close button.
2021-08-23 11:53:00 +03:00
MrOtherGuy
ebe138c7a0 autohide_toolbox: set top margin to 0 in fullscreen. Fixes #137 2021-08-22 09:50:08 +03:00
MrOtherGuy
3f19d7159c have urlbar-icons scale using transform instead of padding 2021-08-21 14:07:18 +03:00
MrOtherGuy
51ae368931 edit Windows window top padding values for the toolbox 2021-08-18 05:23:43 +03:00
MrOtherGuy
c39e2b1c47 create textual_searchbar_one-offs.css 2021-08-17 19:12:57 +03:00
MrOtherGuy
1e0b86cca4 remove pointer-events from titlebar if cursor is not over the toolbox
This allows the style to work with tabs_on_bottom.css without causing
tabs to appear when close to the top of the web-content, which would
make top ~36px inaccessible.
2021-08-14 14:57:25 +03:00
MrOtherGuy
2519e685aa add background to the toolbox if -lwtheme is not in use
Practically this means that if white variant of system theme is used
then tabs toolbar background is set to very light gray
2021-08-14 14:54:21 +03:00
MrOtherGuy
de04813ed2 make window controls visible when used with autohide_tabstoolbar.css 2021-08-14 12:09:26 +03:00
MrOtherGuy
79a02e1a2f use searc-clear.svg for app close button 2021-08-13 13:18:53 +03:00
MrOtherGuy
f3c29ec2a4 replace --lwt-toolbarbutton-icon-fill with --toolbarbutton-icon-fill 2021-08-07 15:17:42 +03:00
MrOtherGuy
e253f06703 don't set toolbarbutton-icon-fill in toolbars 2021-08-07 15:14:56 +03:00
MrOtherGuy
9373c52d63 exclude some input elements from background-color 2021-08-05 16:21:04 +03:00
MrOtherGuy
18377906d8 don't set left border to overflow-pinned tabs
This was perhaps once required, but nowadays the border just breaks
pinned tabs layout
2021-08-01 11:29:25 +03:00
MrOtherGuy
81a94ba8d4 Set custom backgrounds always rather than depending on lwtheme-image
:root[lwtheme-image] doesn't necessarily work with all themes
2021-07-31 00:21:22 +03:00
MrOtherGuy
04e15aba61 add multi-image background to bookmark toolbar if theme has header image
This is a workaround for an issue where the toolbar background may be
transparent if theme uses non-opaque toolbar background-color
2021-07-31 00:03:00 +03:00
jtagcat
366874f797
Create .gitignore (#128)
Ignore files created by end users,
and not published by developers.
2021-07-26 22:40:41 +03:00
MrOtherGuy
cdb336f35e fix some background-color and alignment problems of statusbar 2021-07-26 09:09:50 +03:00
MrOtherGuy
a279d575f9 replace the image source for fake dropdown arrow 2021-07-26 08:49:27 +03:00
MrOtherGuy
4171cf0332 set --tab-line-color override in tabbrowser-tabs 2021-07-18 20:47:20 +03:00
Oliver Smith
c35fa5afaf
mobile-config-autoconfig: update user-agent (MR 16)
In the Tor browser user agent, the "geckotrail" part has been changed.
Apparently following an upstream change in Firefox:
> From Firefox 10 on mobile, geckotrail is the same as firefoxversion.

Note: I'm simply running latest Tor browser on Android and visit
websites showing the user agent to figure out the latest one. I tried to
figure it out from the source code once, but didn't find a place where
it could be looked up trivially (since it gets built of multiple
components etc.).

Related: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/User-Agent/Firefox
2021-07-18 16:52:30 +02:00
MrOtherGuy
0af7342d1b rewrite autohide_tabstoolbar.css 2021-07-17 14:12:40 +03:00
MrOtherGuy
1cbac45914 split up :hover and :focus-within so they cab be changed individually 2021-07-16 12:28:39 +03:00
MrOtherGuy
95456bc3bb add pointer-events to the whole .tab-icon-stack 2021-07-16 12:16:19 +03:00
MrOtherGuy
c7061ab793 make pointer-events apply to more elements 2021-07-16 11:51:09 +03:00
Arnaud Ferraris
bfa8376351
Makefile: add variable for config directory (MR 16)
For some distros (including Debian), the Firefox config directory can be
different from `/etc/firefox`. Adding a variable for this location so it can
be easily customized at build time.
2021-07-16 09:35:51 +02:00
Arnaud Ferraris
520fb81e16
mobile-config-autoconfig: allow user to change the user-agent (MR 16)
Preferences set with `pref()` can be changed by the user, but they're
then reset on each Firefox startup.

As users may want a different UA and keep it persistent, we should set
the default value with `defaultPref()` instead. This requires moving the
preference to the autoconfig file though, as `defaultPref()` isn't
recognized in the main config file.
2021-07-15 17:37:05 +02:00
MrOtherGuy
dcdc03519c make some styles less dependent on color-mix pref 2021-07-15 13:55:03 +03:00
MrOtherGuy
1fcfc2eb20 update selectors to match fx92 2021-07-14 07:04:38 +03:00
MrOtherGuy
5919b68fb9 use built-in variable to better determine correct height for toolbar 2021-07-13 19:42:27 +03:00
plata
11bf740734
CI: archive complete package (MR 15)
To allow downloading the package directly from GitLab and not having to
run make install (e.g. to easily try a specific MR); also makes it
easier to check in a MR if make install works as expected.
2021-07-11 15:36:11 +02:00
MrOtherGuy
6750f88bb7 use the darker dark proton background color for additional windows 2021-07-07 16:51:10 +03:00
MrOtherGuy
aec5328ff0 use more proton-like color scheme 2021-07-07 16:45:15 +03:00
MrOtherGuy
df1d7fae32 create dark_date_picker_panel.css 2021-07-06 21:59:53 +03:00
MrOtherGuy
73a9bdd072 Define color variables for the notification popup
Variable values are defined such that Firefox' own rules will override
them where applicable (Win10 currently). This change lets us simplify
css by not requiring fallback values and it is clearer since color definitions are all in one place.
2021-07-05 17:27:33 +03:00
MS_Y
e2e4fba00d
Notifications using firefox's cssvars (#122)
* notifications using firefox's cssvars

* Proton dark notification border color like windows10
2021-07-05 16:06:55 +03:00
MrOtherGuy
7893bb7db3 apply settings button properties to .box-inherit and remove notification window background 2021-07-04 16:28:49 +03:00
MrOtherGuy
2a101b1d3a don't set height for .tabbrowser-tab 2021-07-03 23:52:55 +03:00
MrOtherGuy
bbce8589bc make tabs use --tab-block-margin correctly 2021-07-02 23:18:11 +03:00
MrOtherGuy
f3cf989c1b correctly remove effects in customizing mode 2021-07-02 12:34:43 +03:00
MrOtherGuy
f1eabd163c create centered_tab_label.css 2021-06-30 09:35:04 +03:00
MrOtherGuy
8c5e03127f use opacity:0 to instead of visibility:hidden to hide urlbar children 2021-06-30 09:11:19 +03:00
MrOtherGuy
eaf356c0d1 Revert "use opacity:0 instead of visibility:hidden on urlbar-input children"
This reverts commit caa0fe4371.
2021-06-30 09:08:25 +03:00
MrOtherGuy
4388d8497c add note about color-mix pref 2021-06-27 10:23:03 +03:00
MrOtherGuy
803c27a783 make loading line work better with proton theming 2021-06-27 10:18:02 +03:00
MrOtherGuy
32c9b4dd54 Don't important-remove the selected tab animation 2021-06-27 10:10:43 +03:00
MrOtherGuy
fe225ee5ec create menupopups_forced_color_schemes.css 2021-06-26 14:23:39 +03:00
MrOtherGuy
54efe6c5c5 set loading indicator width to 0 when collapsed 2021-06-26 14:06:27 +03:00
MrOtherGuy
19f7e118b4 convert loading indicator to use .tab-icon-stack as a parent 2021-06-26 12:59:32 +03:00
MrOtherGuy
b0ed451d7b make sure the line animates only in hovered nonselected tabs
that should have already been the case previously, but if one were to
use some other custom style that added .tab-background::before pseudo
element, then all tabs would have a playing animation which would have
trashed performance.
2021-06-26 09:57:25 +03:00
MrOtherGuy
5617572b9a create loading_indicator_rotating_image.css 2021-06-25 10:48:03 +03:00
MrOtherGuy
4da20b7984 add description 2021-06-25 10:47:39 +03:00
MrOtherGuy
84f25d82da create loading_indicator_bouncing_line.css 2021-06-25 10:43:42 +03:00
MrOtherGuy
caa0fe4371 use opacity:0 instead of visibility:hidden on urlbar-input children 2021-06-24 23:06:19 +03:00
MrOtherGuy
9c1d28b602 create hide_tabs_toolbar_w_alltabs_button.css 2021-06-24 18:17:14 +03:00
MrOtherGuy
20e225bb6c create proton_dark_light_notifications.css 2021-06-24 06:34:17 +03:00
MrOtherGuy
a1b87da84b don't set max-width when it is set with inline style during closing tabs. 2021-06-23 16:00:46 +03:00
MrOtherGuy
8528b55888 remove border around manage buttonbox and add them background, fixes #119 2021-06-20 07:23:14 +03:00
MrOtherGuy
7f6d21b2e8 support appending multiple files by clicking targets 2021-06-18 12:03:11 +03:00
MrOtherGuy
a7a306f2a6 Make highlighter create separate ruleset elements 2021-06-18 10:42:04 +03:00
MrOtherGuy
f958ec293a support highlighting important and function values 2021-06-18 10:06:25 +03:00
MrOtherGuy
a9f10e07ea add missing dummy tab-block-margin variables for oneliners 2021-06-16 12:13:50 +03:00
plata
4a73ce6325
Add appstream data file (MR 14) 2021-06-15 01:04:29 +02:00
MrOtherGuy
56f07645aa add window drag space placeholders that won't trigger urlbar 2021-06-15 00:26:54 +03:00
MrOtherGuy
99a53cb7fa Use #444 as box shadow color rather than currentcolor 2021-06-15 00:26:20 +03:00
MrOtherGuy
4dc0f67884 center urlbarview to window and add a shadow to it 2021-06-15 00:16:07 +03:00
MrOtherGuy
c811681d01 create icon_only_tabs.css 2021-06-14 13:03:54 +03:00
MrOtherGuy
35900a2b1b apply margin-inline-end to tab-label-container when hovered 2021-06-14 08:34:39 +03:00
MrOtherGuy
f7badbc69c only apply taller pinned tabs when using compact mode 2021-06-10 05:48:44 +03:00
MrOtherGuy
683bdce1ad don't set toolbar-bgcolor to transparent when moving tabs 2021-06-09 16:34:09 +03:00
MrOtherGuy
f5f7e69c8c replace selected tab max-width none with 100vw 2021-06-08 21:20:00 +03:00
MrOtherGuy
9b7383c4a9 better position other items in toolbars 2021-06-08 21:05:56 +03:00
MrOtherGuy
101672f759 create selected_tab_as_urlbar.css 2021-06-08 20:53:34 +03:00
MrOtherGuy
62b72ed5c9 make proton compatible 2021-06-08 20:53:00 +03:00
MrOtherGuy
ae4811a2fb create custom_default_tab_favicons.css 2021-06-08 20:05:36 +03:00
MrOtherGuy
0ff9e439b8 set min-height for contextMenu to prevent overflow in some scenarios 2021-06-08 17:29:42 +03:00
MrOtherGuy
6f791f1a98 make the style work, and scope it to browser.xhtml 2021-06-07 21:46:37 +03:00
MrOtherGuy
1de4217f45 create overlay_tab_audio_icons.css 2021-06-06 10:11:34 +03:00
MrOtherGuy
86f8cf4b86 Use the same extra titlebar padding on Win7 that is used on Win10 2021-06-06 08:23:40 +03:00
MrOtherGuy
6f2d9f5593 Have different default heights for menubar if native titlebar is enabled 2021-06-05 21:48:15 +03:00
MrOtherGuy
3b04182073 inline audio icons shouldn't be inline in pinned tabs 2021-06-05 09:00:30 +03:00
MrOtherGuy
577e2ae0d2 remove bottom:-1px from tabs toolbar 2021-06-05 00:19:28 +03:00
MrOtherGuy
7db2c96530 add temporary dummy variables for tab-block-margin 2021-06-05 00:17:16 +03:00
Danct12
92e1a26c54
src/prefs.js: disable sandbox for non-ESR (MR 13)
https://support.mozilla.org/bm/questions/1236295#answer-1161622

Signed-off-by: Danct12 <danct12@disroot.org>
2021-06-04 22:36:02 +07:00
MrOtherGuy
753c37d010 add compatibility for fullscreen mode and autohide_toolbox.css 2021-06-03 13:44:18 +03:00
MrOtherGuy
ccddba2424 apply z-index to tabs, not titlebar and remove browser margin in fullscren 2021-06-03 10:30:38 +03:00
MrOtherGuy
daaff92e6a add photon like tab top line onhover animation 2021-06-02 23:38:06 +03:00
MrOtherGuy
025cc33886 create sharp_menupopup_corners.css 2021-06-02 10:11:07 +03:00
MrOtherGuy
5e32db2d44 add 1px bottom margin to tab secondary-line to movve it a bit upwards 2021-06-02 09:59:35 +03:00
MrOtherGuy
f513263e2a better autohiding behavior in popup windows and customizing mode 2021-06-01 09:52:34 +03:00
MrOtherGuy
978e143e8b don't trigger nav-bar when bookmarks toolbar is hovered 2021-06-01 09:13:36 +03:00
MrOtherGuy
85b1c9b4e7 create autohide_main_toolbar.css 2021-05-31 23:52:10 +03:00
MrOtherGuy
5dec38dfb2 tagbrowser should show target buttons that match file querystring 2021-05-30 20:39:58 +03:00
MrOtherGuy
b43f70e395 don't modify padding around urlbar-container, should fix #106 2021-05-29 21:52:33 +03:00
MrOtherGuy
240b7ee1ec increase z-index of selected tab to hide the border below it 2021-05-29 20:48:30 +03:00
MrOtherGuy
8513ca9bfb fix additional background alignment 2021-05-29 20:05:36 +03:00
MrOtherGuy
14c7ef8f92 set toolbar-bgcolor to transparent for tabs toolbar 2021-05-29 19:44:23 +03:00
MrOtherGuy
3b3e363be5 apply --toolbar-bgcolor on top of theme-images 2021-05-29 19:41:39 +03:00
MrOtherGuy
7b725ccc58 use less saturated color highlighter color scheme 2021-05-29 18:15:14 +03:00
MrOtherGuy
894a7d9f9a remove duplicate rule 2021-05-29 16:07:58 +03:00
MrOtherGuy
e369c1670c add support for theme images 2021-05-27 16:28:12 +03:00
Oliver Smith
ef47ec8ff0
homepage: link to firefox PC addons page
Replace the generic addons links with ones that link to the addons for
the PC version of Firefox. Otherwise, because of the user-agent, we
would get redirected to the Android Firefox addons page.

Android addons are limited in their feature set.

Related: https://extensionworkshop.com/documentation/develop/differences-between-desktop-and-android-extensions/
2021-05-23 12:57:43 +02:00
Anri Dellal
185b3be0b6
Change about:preferences style (MR 10)
- Remove policy container as it is misleading and not required to access policy
  preferences
  (see https://gitlab.com/postmarketOS/mobile-config-firefox/-/merge_requests/10#note_581408851
  for more details);
- Move search bar to the left;
- Hide Firefox Mobile ad in #sync;
- Hide Sync illustration on small screens.
2021-05-23 12:45:17 +02:00
Anri Dellal
4f2204fdd7
Make about: pages more adaptive (MR 10)
Adds stylesheets for some "about:" pages, the pages were chosen depending
on importance for user.

preferences.css was moved to sidebar.css since changes in this file could
be applied for more pages and were related only to sidebar.

Adds copyrights
2021-05-23 12:45:07 +02:00
MrOtherGuy
b1b91c93d3 create non_floating_sharp_tabs.css 2021-05-22 23:54:58 +03:00
MrOtherGuy
bca601e180 sort tags.csv again 2021-05-22 14:35:20 +03:00
MrOtherGuy
b0c5cb0ad1 use login.svg (key) for password icon 2021-05-22 14:14:49 +03:00
Oliver Smith
add285e514
treewide: bump copyright to 2021 2021-05-20 22:07:17 +02:00
plata
3a01c0e417
Save vertical space by drawing directly in the titlebar (MR 6) 2021-05-20 22:00:39 +02:00
plata
7bffd93c7b
Move header to common folder (MR 11)
Add the "do not edit" warning to both the generated userChrome.css and
userContent.css.
2021-05-20 21:56:48 +02:00
HenriDellal
f07fe00abd
Add dark theme for homepage (MR 5)
Adds @media query to set dark theme for systems with dark theme preference
2021-05-19 23:28:05 +02:00
plata
1a0bde9a5b
README: add link to FirefoxCSS subreddit as additional resource (MR 7) 2021-05-19 23:25:36 +02:00
Oliver Smith
58e38a543b
homepage: update text about changing preferences (MR 8) 2021-05-19 23:22:43 +02:00
HenriDellal
e940cac4e1
preferences.css: various tweaks (MR 8)
* center icons in sidebar
* make it adaptive
2021-05-19 23:22:43 +02:00
plata
0765d1a25f
Add CSS for about:preferences (MR 8) 2021-05-19 23:22:43 +02:00
plata
c77ba05450
gitlab-ci.yml: new file (MR 9) 2021-05-19 23:03:22 +02:00
MrOtherGuy
5e689d9f05 add xul namespace to scrollbars agent sheet 2021-05-17 11:11:23 +03:00
MrOtherGuy
6f24a1443f handle fullscreen mode better 2021-05-15 12:13:32 +03:00
MrOtherGuy
0095829d1d show some loadig status when page is initializing 2021-05-15 09:15:25 +03:00
MrOtherGuy
63f6da832b make tagbrowser support combining multiple files from search query 2021-05-15 08:40:18 +03:00
MrOtherGuy
d13b692ca3 increase panel item padding to 5px but keep panel bookmarks at 4px 2021-05-13 18:16:55 +03:00
MrOtherGuy
de2721e158 better handling for sync button and the zoom item top separator 2021-05-13 11:12:48 +03:00
MrOtherGuy
945a25afd7 add a missing icon for appmenu quit button 2021-05-13 10:35:06 +03:00
MrOtherGuy
0a40706d5e remove extra brightness and make drop-shadow use colors set by variables 2021-05-13 09:05:22 +03:00
MrOtherGuy
2e824e3149 remove background from all identity buttons, not just #identity-icon 2021-05-13 08:42:47 +03:00
MrOtherGuy
e2d8f3c784 replace "popups" with "popup" tag 2021-05-09 13:37:50 +03:00
MrOtherGuy
15be47ace9 some improvements on tag browser 2021-05-09 13:36:27 +03:00
MrOtherGuy
2ee76ed5d3 Add missing "}" 2021-05-09 08:51:27 +03:00
MrOtherGuy
a9870bd053 simplify tab-close-button styling 2021-05-09 07:47:17 +03:00
MrOtherGuy
6556b1d525 bunch of fixes for proton compatibility 2021-05-08 14:54:52 +03:00
MrOtherGuy
b82eafb47f subview-subheader should use - -moz-box rather than set height 2021-05-08 07:56:00 +03:00
MrOtherGuy
86c3eb7d6a use new download icon 2021-05-02 16:51:01 +03:00
MrOtherGuy
5575800d2a create iconized_main_menu.css 2021-05-02 11:56:40 +03:00
MrOtherGuy
2505a9693e shouldn't hide the audio icon overlay from pinned tabs 2021-05-01 16:58:45 +03:00
MrOtherGuy
c8b014028d audio icons should behave like in normal if secondary label is shown 2021-05-01 16:48:39 +03:00
MrOtherGuy
7f669db932 Make styling match proton compatible 2021-04-28 20:33:52 +03:00
MrOtherGuy
4beb12d28e make urlbarView-url row align nicely with the text of the first line 2021-04-28 20:02:09 +03:00
MrOtherGuy
99306dccfc separate proton compat. into media query and make close button pos & size correct 2021-04-27 17:59:42 +03:00
MrOtherGuy
06db30e311 Add variable for tab inline padding 2021-04-27 13:19:38 +03:00
MrOtherGuy
f27380d7e2 proton compatibility for combined tab favicon & close button 2021-04-27 13:15:16 +03:00
MrOtherGuy
2af9a480af set fixed height for subheader 2021-04-25 08:33:57 +03:00
MrOtherGuy
e594b9b6ad remove tab top-border when COLORS are used 2021-04-25 06:39:08 +03:00
MrOtherGuy
a0d1da9a36 use box-ordinal-group instead of reversing box direction 2021-04-25 05:57:01 +03:00
MrOtherGuy
dd6c73183e reverse tab-background direction so context-line shows at bottom 2021-04-25 05:48:49 +03:00
MrOtherGuy
63822d4fff make extra titlebar-padding only apply to win10 2021-04-24 09:46:17 +03:00
MrOtherGuy
8d4b1392f2 improve proton compatibility 2021-04-23 11:27:54 +03:00
MrOtherGuy
a115193aaa remove the empty padding between tabs 2021-04-22 13:49:49 +03:00
MrOtherGuy
87473238b2 remove separators from hovered tabs 2021-04-22 13:47:55 +03:00
MrOtherGuy
cde5a0391d use a variable to set color for the optional tab line 2021-04-22 13:07:33 +03:00
MrOtherGuy
693d8b0bbd use -inline-end instead of inline-start to add the border 2021-04-22 13:00:49 +03:00
MrOtherGuy
b328b4aba7 create tab_separator_lines.css 2021-04-21 10:03:09 +03:00
MrOtherGuy
fdca564431 modify urlbar-icon heights to match smaller urlbar 2021-04-21 09:41:22 +03:00
MrOtherGuy
f767f870ab reorder tags.csv again 2021-04-20 11:15:10 +03:00
MrOtherGuy
fd2414fef9 create round_caption_buttons.css 2021-04-20 11:11:51 +03:00
MrOtherGuy
43e446d120 Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2021-04-20 08:34:24 +03:00
MrOtherGuy
595033c4c7 apply scroll-snap to tabs 2021-04-19 12:48:59 +03:00
MrOtherGuy
c13b324dc7
Update README.md to renaming existing chrome folder when cloning 2021-04-17 16:36:45 +03:00
Trapier Marshall
dd2d97a468
readme: shorten install by naming clone dir (#99) 2021-04-17 16:28:32 +03:00
MrOtherGuy
34f44c8ce7 show secondary-label if video in the tab is in PiP mode 2021-04-17 13:41:48 +03:00
MrOtherGuy
36a11ddb7c create inline_tab_audio_icons.css 2021-04-17 12:21:36 +03:00
MrOtherGuy
3123d87a1c Add option to show tab-secondary-line in compact mode 2021-04-15 20:01:59 +03:00
MrOtherGuy
045938366f make panels a bit more compact 2021-04-15 16:24:44 +03:00
MrOtherGuy
969e08a581 Add a note to use another style for RDM support 2021-04-15 16:01:05 +03:00
MrOtherGuy
b51fbe4f3c create auto_devtools_theme_for_rdm.css 2021-04-15 15:59:45 +03:00
MrOtherGuy
9a845cee6e Add optional section to bring back tab colors & borders 2021-04-12 17:09:06 +03:00
MrOtherGuy
99c70d48ee create tab_effect_scale_onclick.css 2021-04-10 14:44:13 +03:00
MrOtherGuy
d981542330 add missing comma and make proton compatible 2021-04-10 14:40:29 +03:00
MrOtherGuy
efc32bc5ec make proton compatible by using auto row height and small urlbar margin 2021-04-10 09:07:47 +03:00
MrOtherGuy
483a2f3db7 Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2021-04-10 08:25:58 +03:00
MrOtherGuy
e0cc0500f9 Create auto_devtools_theme.css 2021-04-10 08:25:20 +03:00
MrOtherGuy
47aab4c87d
make border-radius of flipped version important 2021-04-09 14:13:13 +03:00
MrOtherGuy
802c4a4c53 make curved_tabs.css proton compatible 2021-04-09 00:33:37 +03:00
MrOtherGuy
1fd6af0071 replace tabs scrollbutton margin with border-width 2021-04-08 23:24:09 +03:00
MrOtherGuy
71c501871b reduce tabs scrollbutton margin 2021-04-07 23:58:19 +03:00
MrOtherGuy
cdd66b43cc Apply few extra rules to make context-navigation items work with display:flex 2021-04-02 16:20:24 +03:00
MrOtherGuy
a6f20ac040 update vertical_context_navigation (grid version) 2021-04-01 15:35:05 +03:00
MrOtherGuy
461224d438 modify window and toolbox top margins to support Fx87 2021-04-01 10:45:25 +03:00
MrOtherGuy
e6cec0bca2 create hide_tabs_scrollbuttons.css 2021-04-01 10:07:43 +03:00
MrOtherGuy
425cd7a272 create remove_textbox_focusring.css 2021-03-28 16:03:10 +03:00
Danct12
2bf6a4cf8b
README: fix capitalization of Tor (MR 4)
Only the first letter is capitalized according to Tor Project:
https://support.torproject.org/about/why-is-it-called-tor/.
2021-03-28 09:17:40 +02:00
MrOtherGuy
e401e5c044 make oneliners proton compatible 2021-03-21 15:57:14 +02:00
MrOtherGuy
347212829e style context-navigation items according to other Win10 menuitems 2021-03-21 11:42:36 +02:00
MrOtherGuy
73f30fc429 add proton tab block margin to tabs 2021-03-21 11:39:24 +02:00
MrOtherGuy
c738f89f77 add proton tab block margin to tabs 2021-03-21 11:11:40 +02:00
MrOtherGuy
10b736a1f7 add proton-tab-block-margin to tab-rows 2021-03-21 11:07:32 +02:00
MrOtherGuy
df31cd612d increase default vertical padding to 4px 2021-03-21 10:53:44 +02:00
MrOtherGuy
4bf73e9296 rewrite - draw titlebar horizontally so height of menubar doesn't matter 2021-03-21 10:48:07 +02:00
MrOtherGuy
59bee65e7b adjust item sizes so they fit better to other buttons 2021-03-21 10:22:30 +02:00
MrOtherGuy
aa9a8e6953 needs important for proton 2021-03-21 09:55:38 +02:00
MrOtherGuy
ea50c64a32 use id selector for overflow list 2021-03-21 09:48:18 +02:00
MrOtherGuy
37220fcc3a remove any inline margins from tabs 2021-03-21 09:21:46 +02:00
MrOtherGuy
17cda94062 flip the layout order of browserContainer 2021-03-21 09:01:28 +02:00
MrOtherGuy
2046d18880 sidebar-box needs to be position:relative 2021-03-21 08:33:34 +02:00
MrOtherGuy
fc9afa2a32 Use padding-top instead of margin-top on toolbox to make background apply to menubar 2021-03-21 07:31:37 +02:00
MrOtherGuy
c194c5e62b make curve color respect selected tab color set by theme 2021-03-14 18:03:37 +02:00
MrOtherGuy
1324f22b33 Make page-info toolbar background darker 2021-03-13 08:57:30 +02:00
MrOtherGuy
a796704dcc apply dark mode rules to sanitize window 2021-03-13 08:26:39 +02:00
MrOtherGuy
fd143b1cc6 modify padding & margins around urlbar 2021-03-10 10:16:10 +02:00
MrOtherGuy
06d1221cca
Update README.md with separate sections for manual and git setup 2021-03-07 11:27:28 +02:00
Sigmundur
7a0c36eb35
README: Move setup to the top right after intro (#93)
* README: Move setup to the top right after intro

Updated it from my own setup experience, added concrete steps

Also added the fact that restart may be needed (don't expect to see changes after just creating and saving the file)

Sorry Windows users :D  maybe someone can add Windows-specific things to the steps.

* Update README.md

typo fix
2021-03-07 08:36:49 +02:00
MrOtherGuy
78a5c1c287 fix indentation 2021-03-06 08:43:00 +02:00
MrOtherGuy
af3debf7bf remove background of .close-icon for proton styling 2021-03-06 07:36:45 +02:00
MrOtherGuy
8dbb40e890 compactify tab close icon 2021-03-06 07:36:18 +02:00
MrOtherGuy
c41c53ce1d add proton tag for compact_proton.css 2021-03-06 07:08:14 +02:00
MrOtherGuy
73cf2fe3b3 create passive_tab_audio_label.css 2021-03-06 07:07:32 +02:00
Paper
dd8dadbdfe
policies.json: disable Pocket (MR 3) 2021-03-01 20:55:35 +01:00
MrOtherGuy
c13b85aa2b create buttonlike_toolbarbuttons.css 2021-02-27 11:21:50 +02:00
MrOtherGuy
9f30038c9f Make rules not apply to sidebar and apply to them to some more windows 2021-02-25 16:28:12 +02:00
MrOtherGuy
bd90ebae8f add some changes to make proton nice and compact 2021-02-24 16:55:23 +02:00
MrOtherGuy
e4079bd3c5 reorder tags.csv again 2021-02-24 16:45:18 +02:00
MrOtherGuy
288584f8d5 create compact_proton.css 2021-02-24 16:41:52 +02:00
MrOtherGuy
f9fc50e329 Make addons manager styles apply to about:addons 2021-02-22 05:24:52 +02:00
catruge
dac63f51a7
Private browsing indicator prevents tab bar from collapsing (#89)
* Hide private browsing indicator

* Add note to user
2021-02-20 22:23:52 +02:00
MrOtherGuy
ca1ff8ba07 create privatemode_indicator_as_menu_button.css 2021-02-20 19:09:38 +02:00
MrOtherGuy
ff2a46604f create window_control_fallback_for_custom_windows_theme.css 2021-02-14 14:15:21 +02:00
MrOtherGuy
11a196c8d0 Create centered_tab_content.css 2021-01-26 21:29:01 +02:00
MrOtherGuy
79053ca5b0 Use arrowpanel colors for the menubar instead of toolbar-bgcolor 2021-01-19 17:32:24 +02:00
MrOtherGuy
797721811e create show_toolbars_in_popup_windows.css 2021-01-05 16:29:28 +02:00
MrOtherGuy
36132cd715 set the toolbar height to 100vh and add more vertical padding to buttons in it 2021-01-03 15:43:46 +02:00
MrOtherGuy
409d6a5cc4 Replace uses of :-moz-any with :is 2020-12-18 17:45:23 +02:00
MrOtherGuy
aa77a9478e Apply bookmarks padding also to import-bookmarks and other-bookmarks buttons 2020-12-16 16:19:28 +02:00
MrOtherGuy
7e11f3796e Reduce navbar and personaltoolbar transform specificity 2020-12-16 05:51:33 +02:00
MrOtherGuy
5d18237e62 Add off-by-default way to show toolbars if mainpopupset is hovered 2020-12-11 09:55:00 +02:00
MrOtherGuy
2f3ab157e9 Remove unnecessary extra margin from bottom of urlbarview 2020-12-10 10:43:36 +02:00
MrOtherGuy
cf7d1ea23c make highlighter generate links to .css files mentioned in comments 2020-12-06 15:55:51 +02:00
MrOtherGuy
d30c6209f6 set minimum height for toolbarsprings to prevent collapsing 2020-12-06 11:27:25 +02:00
MrOtherGuy
fb987ad073 create custom_menupopup_check_icons.css 2020-12-06 10:14:41 +02:00
MrOtherGuy
3c075b52d6 Create centered_top_statuspanel.css 2020-12-04 17:26:29 +02:00
Oliver Smith
3daefd9f28
README: note that it works with convergence now 2020-11-25 19:32:27 +01:00
Oliver Smith
ed675f4294
homepage: update note on how to install add-ons
addons.mozilla.org displays the following message when visiting it with
the Android Firefox user agent now, while also graying out the usual
button to install the add-on:
	You can install this add-on in the Add-ons Manager. Learn more
	about add-ons for Android.
It is not possible to use a different user agent just for this website
anymore, as it used to be with "general.useragent.site_specific_overrides"
(see https://bugzilla.mozilla.org/show_bug.cgi?id=1589607). Therefore,
just explain that one can press the "Download file" button to install
add-ons.
2020-11-25 19:22:25 +01:00
Oliver Smith
59bb1d69ee
popup-notification: decrease font-size
When trying to install uBlock origin as suggested on the start page, I
found that the text of the popup is taking up so much space that the
"Add" / "Cancel" buttons are missing again. Decrease the font size even
further (like in the "Site information"), so the buttons are visible
again.

If somebody wants to improve this: maybe we could give the
popup-notification-body a fixed height instead, and make it scrollable?
Patches welcome, and see README.md for instructions how to use the
Firefox developer tools with the browser UI itself.
2020-11-25 19:22:25 +01:00
Oliver Smith
16d401243f
user-agent: update to 78 from Tor browser Android 2020-11-25 19:22:25 +01:00
Oliver Smith
94f48b2c87
userChrome: fix convergence usage case
Only apply rules from userChrome.css if the screen width is 700px or
less.
2020-11-25 19:21:56 +01:00
Oliver Smith
a863f41268
urlbar: don't do extra extension to left and right
Remove the rule that makes it go 50px to the left and 20px to the right.
While this added some more space for editing the URL, it looked weird.
After having used it for a while, I think it's better to remove this
again.
2020-11-25 19:19:02 +01:00
Oliver Smith
5024266a1b
Remove FF 68 specific code and mentions
This version isn't supported by Mozilla anymore, so drop related
configuration.
2020-11-25 19:18:58 +01:00
MrOtherGuy
b4d97d83c9 work around issue where hovering sidebar-header would show the toolbox 2020-11-22 08:27:57 +02:00
MrOtherGuy
d8f9d1de79 Make capture box be part of urlbar-input-container 2020-11-18 05:37:18 +02:00
MrOtherGuy
80bb49bcf9 Apply z-index:1 to the title-block so it will show on top of bg-images 2020-10-31 09:57:03 +02:00
MrOtherGuy
ad953919e4 Hide items that result from tab-to-search functionality (fixes #83) 2020-10-25 14:48:33 +02:00
MrOtherGuy
66774f4b88 Re-add extra padding / margin for identity-icon, see issue 81 for info 2020-10-21 19:30:54 +03:00
MrOtherGuy
16a4cd3d5b remove now unnecessary vertical padding from identity-box 2020-10-21 15:58:16 +03:00
MrOtherGuy
5e823bafd5 make bookmarks toolbar only hidden - not collapsed when it is disabled 2020-10-04 21:36:14 +03:00
MrOtherGuy
232aa45a4c Add width for toolbars for oneliner compatibility 2020-10-04 11:20:55 +03:00
MrOtherGuy
cd0d556418 Add support for tabs border color 2020-10-02 11:49:57 +03:00
MrOtherGuy
b38ec91016 create theme_aware_modal_prompts.css 2020-09-29 10:55:56 +03:00
MrOtherGuy
88b3ff1d6b Create curved_tabs.css 2020-09-23 00:28:12 +03:00
MrOtherGuy
55c03cb1a2 Add property to modify the dropdown-item h-offset 2020-09-21 17:34:11 +03:00
MrOtherGuy
a4de347ad5 Create round_ui_items.css 2020-09-16 18:01:55 +03:00
MrOtherGuy
490a971b5f Add a simple way for oneliners to set minimum width for focused urlbar 2020-09-14 11:51:03 +03:00
MrOtherGuy
96f42f61de remove unnecessary urlbar size variables 2020-09-14 11:17:49 +03:00
MrOtherGuy
1cc9e2eb77 Remove old titlebar-placeholder rules 2020-09-14 11:17:17 +03:00
MrOtherGuy
f500bcf685 Support highlighting of separate parts of the selector 2020-09-13 22:01:57 +03:00
MrOtherGuy
043ae65c7c Use better file description 2020-09-05 10:49:47 +03:00
MrOtherGuy
e02c5c9963 Remove useless namespace declaration 2020-09-05 10:48:59 +03:00
MrOtherGuy
6dcf0daba4 Add deprecation notice 2020-09-05 10:48:08 +03:00
MrOtherGuy
5a326ed03b Add toolbars tag to multi-row bookmarks 2020-09-04 10:34:09 +03:00
MrOtherGuy
98649e1277 Make event listeners passive 2020-09-04 10:23:55 +03:00
MrOtherGuy
daea4cb084 Don't scroll category list with long code-block 2020-09-04 09:48:21 +03:00
MrOtherGuy
3f47e98a75 Clear the code-block when switching categories 2020-09-04 09:47:44 +03:00
MrOtherGuy
0705a8526d Properly end some comments 2020-09-03 12:11:35 +03:00
MrOtherGuy
cdb714a01c Quote attribute values 2020-09-03 12:09:32 +03:00
MrOtherGuy
d5cd29e279 Adjust some highlighter colors 2020-09-03 12:07:52 +03:00
MrOtherGuy
ecd9010083 Fixes to highlighter behavior 2020-09-03 12:06:45 +03:00
MrOtherGuy
83a9a5da77 Add simple syntax highlighting 2020-09-02 11:42:30 +03:00
MrOtherGuy
aca3302c6f Add the style rules 2020-09-01 12:17:02 +03:00
MrOtherGuy
7d7d53c4c3 Create tab_line_loading_indicator.css 2020-09-01 12:14:40 +03:00
MrOtherGuy
a8b69a40a5 Fix missing transform property 2020-08-31 11:00:57 +03:00
MrOtherGuy
3a930dfc7f Create less_static_throbber.css 2020-08-31 10:52:52 +03:00
MrOtherGuy
a4c81d331a Move behavior-control comments to the top of the file 2020-08-29 06:07:07 +03:00
Neil561
608ac1a6c0
Allowing disable 'hover' or 'focus' behavior via properties (#70)
* Update autohide_bookmarks_toolbar.css

* Removing variables

* Adding comments

* Using meaningful variables and fixing comments
2020-08-29 05:55:01 +03:00
MrOtherGuy
9b87c5f668 Create urlbar_connection_type_colors.css 2020-08-23 14:59:33 +03:00
Oliver Smith
8ffc75757f src/prefs.js: rename to src/mobile-config-prefs.js (MR 2)
Give the file the same name in the source dir, as it will have after
installing.
2020-08-21 10:50:21 +02:00
Arnaud Ferraris
ca344c8514 userChrome: instruct users to edit the file under /etc (MR 2)
The userChrome.css in the user's profile will be overwritten when the
package is upgraded.

Any change should therefore be made to the file located under /etc,
which should then be left untouched by most package managers.
2020-08-21 10:50:21 +02:00
Arnaud Ferraris
712b850c3b install userChrome.css using autoconfig instead of schell scripts (MR 2)
Firefox can run an autoconfig Javascript on startup, which can be used to
install and update userChrome.css, both when creating a new profile and
using a pre-existing one.

This removes the need for a wrapper script and related complications
(changes to $PATH, different processing for new and pre-existing
profiles...)

Co-Authored-By: Oliver Smith <ollieparanoid@postmarketos.org>
2020-08-21 10:49:49 +02:00
Arnaud Ferraris
08e2288138
Makefile: allow to specify the firefox system directory (MR 1)
In some cases, such as the ESR package on Debian, Firefox can be
installed to a different directory.

This commit alters the Makefile so it's possible to specify the Firefox
directory from the command-line.
2020-08-20 13:23:27 +02:00
Oliver Smith
34e48f39a2 README.md: look at "References" in upstream issue 2020-08-17 11:01:36 +00:00
MrOtherGuy
23dfd1743d set tabs-navbar shadow size to 0px wherever tabs won't be atop of navbar 2020-08-14 16:47:24 +03:00
Oliver Smith
e7dfd8643e
README.md: add missing \n
That's what you get when using the gitlab web editor :p
2020-08-11 00:32:39 +02:00
Oliver Smith
01e16c2db5
homepage: link to new mobile-config-firefox repo 2020-08-11 00:31:24 +02:00
Oliver Smith
da87934f4b
homepage: no android in add-ons links 2020-08-11 00:31:19 +02:00
Oliver Smith
56bd6a2e84 README.md: how to use remote debugger 2020-08-10 22:17:47 +00:00
Oliver Smith
2872ff2a98 README.md: update 2020-08-10 21:53:40 +00:00
Oliver Smith
f3daef8ea0
findbar.css: use [anonid="findbar-textbox"]
This works in FF 68 ESR too, the previous rule did not.
2020-08-10 21:29:07 +02:00
Oliver Smith
61977c2570
urlbar.css: add rules for FF 68 ESR 2020-08-10 21:29:07 +02:00
Oliver Smith
88befd38b9
policies.json: don't disable developer tools
The reason for disabling these was, to free up space in the menu. The
menu entry is hidden in userChrome.css now, so we can enable it again.
Having this enabled is required to use the Firefox remote debugger,
which is very useful for developing userChrome.css.
2020-08-10 21:29:07 +02:00
Oliver Smith
8624a27fd7
prefs.js: remove browser.uiCustomization.state
This is done via userChrome.css now, which is easier to maintain (not
all crammed into one JSON line).
2020-08-10 21:29:07 +02:00
Oliver Smith
5126c08b2e
urlbar.css: don't increase font size on focus
This looks weird and there isn't much difference between 9pt and 10pt.
2020-08-10 21:29:07 +02:00
Oliver Smith
df3cb1b051
popups.css: new file 2020-08-10 21:29:07 +02:00
Oliver Smith
1fa368117b
findbar.css: new file 2020-08-10 21:29:07 +02:00
Oliver Smith
b03ff4fbc8
Makefile: use wildcard for userChrome.css files 2020-08-10 21:29:07 +02:00
Oliver Smith
37b14e3c8b
wrapper: fix second start with wrong profile
Always start with --profile if there is no profiles.ini. Otherwise,
firefox will create and use the profile for the first start only, but
not set it as default. It would create a new profile on the second start
then.
2020-08-10 21:29:07 +02:00
Oliver Smith
df9ac23760
src/prefs.js: less animations, one click urlbar select
Thanks to Matej Ľach for suggesting these preferences in:
https://gitlab.com/postmarketOS/pmaports/-/merge_requests/1488
2020-08-10 21:29:02 +02:00
MrOtherGuy
48b82e49c3 remove duplicate header 2020-08-09 13:54:51 +03:00
MrOtherGuy
02afd95b7d Create status_inside_urlbar_v2.css 2020-08-09 13:52:29 +03:00
MrOtherGuy
ce295c1bb0 Use focused urlbar color as background 2020-08-09 13:51:50 +03:00
MrOtherGuy
b96f1b9555 Use the same 1.15em font-size for status as what Firefox uses for url 2020-08-09 13:03:54 +03:00
MrOtherGuy
90317cc59b Add .scrollbox-clip selectors to accompany #tabbrowser-arrowscrollbox 2020-08-08 16:36:09 +03:00
MrOtherGuy
6263334baa Scope styles that select #browser to browser.xhtml 2020-08-08 16:24:59 +03:00
MrOtherGuy
783914689c set width property fot tabstoolbar items 2020-08-08 16:08:31 +03:00
MrOtherGuy
e4beaafb9e create bookmarks_toolbar_on_newtabs_only.css 2020-08-08 12:01:12 +03:00
MrOtherGuy
1ba9cafab4 Update default toolbar paddings match current Firefox styling 2020-08-08 12:00:04 +03:00
Oliver Smith
49698e65c5
src: wrap firefox binary, not .desktop entry
Instead of trying to override the .desktop entry of Firefox by
installing the custom one and adjusting XDG_DATA_DIRS, just wrap the
firefox binary directly and adjust PATH. The former did not work with
Phosh, and on second thought, wrapping the binary is what's really
necessary. The launcher would have been just another useless layer.
2020-08-07 23:16:13 +02:00
Oliver Smith
8ec23ac39b
Makefile: fix desktop file install path 2020-08-07 23:16:13 +02:00
Oliver Smith
6836e48502
README.md: add WIP 2020-08-06 17:01:46 +02:00
Oliver Smith
dd57cf378e
bottom.html: less redundant privacy note 2020-08-06 17:01:15 +02:00
Oliver Smith
eba2a90912
Makefile: minor consistency tweak 2020-08-06 17:01:14 +02:00
Oliver Smith
34c8b53622
License under GPL-3.0-or-higher 2020-08-06 17:01:14 +02:00
Oliver Smith
87d4ae0ca3
mobile-config-firefox: create userChrome.css symlink 2020-08-06 17:01:14 +02:00
Oliver Smith
016a9bb845
Makefile: add install target 2020-08-06 17:01:14 +02:00
Oliver Smith
00db529a04
src/prefs.js: allow userChrome.css/userContent.css 2020-08-06 17:01:14 +02:00
Oliver Smith
c1eafe0f8f
Remove most mentions of pmOS / make them optional 2020-08-06 17:01:14 +02:00
Oliver Smith
197aa05da3
Makefile: new file 2020-08-06 17:01:14 +02:00
Oliver Smith
2908848f3d
userChrome: add initial version
Screenshots: https://gitlab.com/postmarketOS/pmaports/-/issues/701#note_391806241
2020-08-06 17:01:14 +02:00
Oliver Smith
c6debeb660
Initial: import from postmarketos-config-firefox
Related: https://gitlab.com/postmarketOS/pmaports/-/merge_requests/1445
2020-08-06 17:01:09 +02:00
Oliver Smith
3774c095ed Initial commit 2020-08-06 14:55:18 +00:00
MrOtherGuy
6d601a594f apply the shorter transition delay to toolbox when focused 2020-08-04 00:25:44 +03:00
MrOtherGuy
4e6e77fc3c increase the default width where urlbar-size is becomes unlimited 2020-08-02 14:52:25 +03:00
MrOtherGuy
615075f5e3 Don't hide all the labels anymore 2020-08-02 14:48:35 +03:00
MrOtherGuy
2f063ef389 Create classic_firefox_menu_button.css 2020-08-02 14:47:40 +03:00
MrOtherGuy
db6135bffd Apply dark style to protocol handler dialog 2020-08-02 10:36:25 +03:00
MrOtherGuy
b5b62fb77f Create rounded_menupopups.css 2020-07-30 19:08:01 +03:00
MrOtherGuy
3d35562c1b Adjust toolbox top margins to work better with higher dpi 2020-07-29 23:14:42 +03:00
MrOtherGuy
4e8f32c99a
Add a link to tag-based browser in readme.md 2020-07-29 10:32:54 +03:00
MrOtherGuy
d6bd860a0d Correctly apply tabs background-color with non-lwtheme on Win10 2020-07-23 22:11:58 +03:00
MrOtherGuy
65cf4ab1f2 Add vertical_popup_menubar.css 2020-07-23 09:20:38 +03:00
MrOtherGuy
f221f89b30 Use variables when setting icon sizes 2020-07-23 09:20:02 +03:00
MrOtherGuy
202809a27e Move statuspanel to the other side when sidebar is hovered 2020-07-22 08:29:48 +03:00
MrOtherGuy
b96ebe211c Support creating files in content/ 2020-07-21 13:16:17 +03:00
MrOtherGuy
9d73e5eeca Remove .hidden classes from categoryLists 2020-07-19 14:05:27 +03:00
MrOtherGuy
9ae96833a7 List filenames vertically first 2020-07-19 13:51:44 +03:00
MrOtherGuy
f9b151ccfd properly store current primary and secondary nodes 2020-07-18 11:39:59 +03:00
MrOtherGuy
0b56963e78 remove references to previousCategory 2020-07-18 11:29:50 +03:00
MrOtherGuy
67e731ccb5 fix 2020-07-18 11:24:59 +03:00
MrOtherGuy
034ca5929a don't recreate top-level file list when changing secondary category 2020-07-18 11:22:31 +03:00
MrOtherGuy
cbae4403a0 don't hide secondary category list when sec. category is clicked 2020-07-18 09:20:20 +03:00
MrOtherGuy
4ad4c9344b fix typo 2020-07-18 09:17:15 +03:00
MrOtherGuy
898dadff64 fix previousCategory filename list 2020-07-18 09:12:30 +03:00
MrOtherGuy
42668cc7d9 add event listeners for secondary category list 2020-07-18 09:10:41 +03:00
MrOtherGuy
4325c74aa4 fix missing references 2020-07-18 08:45:02 +03:00
MrOtherGuy
b68b14ca66 add secondary categories selection 2020-07-18 08:39:34 +03:00
MrOtherGuy
ad5c7889fe Properly set titlebar-buttonbox height on compact mode 2020-07-12 20:28:36 +03:00
MrOtherGuy
e2fbcb5790 Create vertical_bookmarks_toolbar.css 2020-07-09 16:53:37 +03:00
MrOtherGuy
fc967120bf Use longer delay before autohide 2020-07-06 20:29:51 +03:00
MrOtherGuy
4d0b0ace71 Add compatibility rules for tabs_on_bottom.css 2020-07-05 18:45:27 +03:00
MrOtherGuy
2db55dbc64 Add option to show menubar in bottom of the window 2020-07-03 16:00:31 +03:00
MrOtherGuy
e7a5932fb6 Remove the extra 2px margin from bookmarks toolbar 2020-07-02 17:17:52 +03:00
MrOtherGuy
c6b0d611fc Add iconized_menubar_items.css 2020-06-30 16:29:40 +03:00
MrOtherGuy
3ab84536d0 Apply browser margin to browser-bottombox 2020-06-26 14:53:17 +03:00
MrOtherGuy
3accc46a24 Support fullscreen mode 2020-06-26 14:02:12 +03:00
MrOtherGuy
d47c0ce8db Don't hide intra-tab spacers 2020-06-26 12:28:16 +03:00
MrOtherGuy
d8f6337b3e Make the style support fullscreen mode 2020-06-26 12:26:26 +03:00
MrOtherGuy
1b0e062dce Remove duplicate comment 2020-06-23 21:01:38 +03:00
MrOtherGuy
f600efbb65 Clear background-image using :first-of-type:hover selector 2020-06-23 05:41:12 +03:00
MrOtherGuy
d91c121a58 Fix some typos in selectors 2020-06-23 05:27:33 +03:00
MrOtherGuy
11259c7cd1 Add note to rotation angle to inform it may need to be lower 2020-06-14 08:58:28 +03:00
MrOtherGuy
51e60b4d57 Adjust heights for osx fullscreen 2020-06-14 08:44:03 +03:00
MrOtherGuy
c8356b2e2b Set TabsToolbar min height to 0px to make compatible with osx 2020-06-13 21:20:33 +03:00
MrOtherGuy
3b73070234 use popup separator color for scrollbar 2020-06-13 21:13:29 +03:00
MrOtherGuy
e05625cf62 Create separate hide tabs toolbar file for osx 2020-06-13 21:11:15 +03:00
MrOtherGuy
828d8181a3 Make one-off results more compact 2020-06-09 16:16:21 +03:00
MrOtherGuy
8923cc560a Use alphabetically sorted filenames regardless of if DB is sorted or not 2020-06-09 16:15:12 +03:00
MrOtherGuy
89dfae2f88 Make button effect work on scrollbuttons 2020-06-08 17:41:27 +03:00
MrOtherGuy
0385fbec50 Fix broken pointer-events on nav-bar 2020-06-08 05:14:40 +03:00
MrOtherGuy
d60d8f618a add menubar tags where missing 2020-06-07 19:43:23 +03:00
MrOtherGuy
406d9c2a42 create menubar_in_main_toolbar.css 2020-06-07 19:40:15 +03:00
MrOtherGuy
671599d46e Rename menuabar_in_toolbar -> menubar_in_tabs_toolbar 2020-06-07 18:58:06 +03:00
MrOtherGuy
8dd7de143d Make window controls visible in menubar 2020-06-07 18:56:34 +03:00
MrOtherGuy
b8853b6de9 Make menubar window controls be the rightmost item in the toolbar 2020-06-07 16:23:34 +03:00
MrOtherGuy
0d49d15f77 Don't set cursor property on pseudo as it won't do anything 2020-06-07 07:32:55 +03:00
MrOtherGuy
1e56cd34ad test alphabetical sorting again 2020-06-06 13:43:26 +03:00
MrOtherGuy
11fcf00269 clear out unnecessary tags on some files 2020-06-06 13:08:12 +03:00
MrOtherGuy
be4f2d16e7 Use more fitting colors for link icons 2020-06-05 13:38:44 +03:00
MrOtherGuy
62bf40dc34 open links in new tab 2020-06-05 13:38:27 +03:00
MrOtherGuy
ba17d11341 sort alphabetically 2020-06-05 13:37:51 +03:00
MrOtherGuy
19a1359e70 fix text content of category names 2020-06-05 13:01:30 +03:00
MrOtherGuy
fc5ef0f89a don't show file extension in target items 2020-06-05 12:48:42 +03:00
MrOtherGuy
9acc299333 sort alphabetically 2020-06-05 12:45:47 +03:00
MrOtherGuy
a13ff2d6a6 Remove incorrectly typed tags 2020-06-05 09:48:56 +03:00
MrOtherGuy
e40da9c14e Fix typo 2020-06-05 09:40:14 +03:00
MrOtherGuy
3a5891fdfe sort legacy as last category 2020-06-05 09:37:49 +03:00
MrOtherGuy
93fd524b57 rename urlbar_full_width -> urlbar_popup_full_width 2020-06-05 09:25:32 +03:00
MrOtherGuy
02bd67fc6d Reduce number of unique tags 2020-06-05 09:20:42 +03:00
MrOtherGuy
f263999184 make legacy the last category 2020-06-05 09:10:36 +03:00
MrOtherGuy
429305f8d9 Drop Fx65 prefix from tabs_on_bottom files 2020-06-05 08:59:22 +03:00
MrOtherGuy
d37d2e0cd3 use correct image path for settings button 2020-06-05 08:49:07 +03:00
MrOtherGuy
88d4ff25b1 fix incorrect wording that mixed left vs. right 2020-06-04 17:19:30 +03:00
MrOtherGuy
8bd98c5ea9 correctly remove right property from .titlebar-buttonbox-container 2020-06-04 17:09:09 +03:00
MrOtherGuy
1869d813b4 add fake_urlbar_dropmarker.css 2020-06-04 16:20:32 +03:00
MrOtherGuy
ef51f20d38 make urlbar-row icons line up with search icon in urlbar 2020-06-03 16:19:07 +03:00
MrOtherGuy
9a477fee93 use absolute instead of fixed position for urlbar popup 2020-06-03 06:02:43 +03:00
MrOtherGuy
f810711163 use up-to-date name in license-block 2020-06-02 17:41:42 +03:00
MrOtherGuy
8cd9051358 add new file 2020-06-02 17:33:02 +03:00
MrOtherGuy
b31373f6a7 replace direct uses of fetch with fetchWithType 2020-06-02 17:32:02 +03:00
MrOtherGuy
c7750ad9e8 rename to note that this makes use of menubar 2020-06-02 17:30:23 +03:00
MrOtherGuy
059d416609 remove test.css 2020-06-02 05:38:31 +03:00
MrOtherGuy
c03eef12d5 add file browser index.html 2020-06-01 20:25:47 +03:00
MrOtherGuy
f7922f419a Add experimental style browser ui 2020-06-01 20:24:22 +03:00
MrOtherGuy
5e0e6e150e new file 2020-05-31 07:21:37 +03:00
MrOtherGuy
28278cffa4 new file 2020-05-27 16:12:41 +03:00
MrOtherGuy
44552ab8f8 bookmarks toolbar min-width needs !important 2020-05-24 07:37:15 +03:00
MrOtherGuy
990d6005b7 make sure alltabs-button is shown 2020-05-24 06:33:22 +03:00
MrOtherGuy
2a83180372 add info block 2020-05-23 10:07:30 +03:00
MrOtherGuy
3d17499016 New file 2020-05-23 10:05:49 +03:00
MrOtherGuy
fb48d7981d Add var when nav-bar needs to know if extra window control space is required 2020-05-23 10:02:21 +03:00
MrOtherGuy
07ccb15825 Use flexbox model for menubar 2020-05-22 09:20:40 +03:00
MrOtherGuy
a0c8c9c2a0 Replace all <Tab> characters with two spaces 2020-05-22 09:07:26 +03:00
MrOtherGuy
a3146bb483 remove out-dated Theme-related notice 2020-05-22 08:50:40 +03:00
MrOtherGuy
7f97751f68 Use an example to better show use of imports and custom overrides 2020-05-22 08:48:16 +03:00
MrOtherGuy
3a59284a7c Update readme 2020-05-22 08:47:58 +03:00
MrOtherGuy
cadbafc6f3 Delete old license file 2020-05-22 08:15:23 +03:00
MrOtherGuy
8a7579890c Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2020-05-22 08:15:00 +03:00
MrOtherGuy
98e1161a82
Create LICENSE 2020-05-22 08:14:33 +03:00
MrOtherGuy
84ec1414dd Add source/license notices 2020-05-22 08:13:58 +03:00
MrOtherGuy
24e7d59267 remove note about some pre Fx66 behavior 2020-05-21 09:41:19 +03:00
MrOtherGuy
4f94dbbc82 add warning about broken extension popups 2020-05-14 18:11:25 +03:00
MrOtherGuy
6d76e77341 Fix customization mode layout 2020-05-14 16:30:29 +03:00
MrOtherGuy
2062bd2c4b apply window margin to body > box instead of :root 2020-05-11 16:01:54 +03:00
MrOtherGuy
cba88c0439 Remove .megabar class selectors 2020-05-10 18:25:44 +03:00
MrOtherGuy
c29589afa5 rewrite the style to match "normal" multi-row_tabs.css 2020-05-10 17:52:54 +03:00
MrOtherGuy
93d8d34d56 rename to _legacy file 2020-05-10 17:32:33 +03:00
MrOtherGuy
45f5dc2d68 new file 2020-05-09 07:40:31 +03:00
MrOtherGuy
c2b6e57c34 new file 2020-05-07 15:54:50 +03:00
MrOtherGuy
67cfaaac27 Have minimum width for menubar spacer 2020-05-06 19:26:19 +03:00
MrOtherGuy
1428068f47 use flexbox for menubar items 2020-05-06 19:23:44 +03:00
MrOtherGuy
4d63f3b342 Don't fix position of titlebar-buttons of non-autohide menubar 2020-05-06 19:18:17 +03:00
MrOtherGuy
b76959fb67 Remove OLD stuff to make the file much more clean 2020-05-06 17:38:20 +03:00
MrOtherGuy
e4d6775da7 rename multi-row_tabs.css to multi-row_tabs_legacy.css 2020-05-06 17:22:41 +03:00
MrOtherGuy
d7522263d6 Make extra maximized padding windows only 2020-05-06 16:26:32 +03:00
MrOtherGuy
da2ddb2775 remove resizing rules of tabs toolbar buttons 2020-05-06 16:24:58 +03:00
MrOtherGuy
8cad80c046 Add a workaround for occasionally manifesting inability to scroll the page 2020-05-01 11:53:21 +03:00
MrOtherGuy
e92118b503 Set "placeholder"-border style with !important so it works on Linux 2020-04-29 10:19:45 +03:00
MrOtherGuy
6806bebbbc Add selectors for <search-textbox> 2020-04-21 23:11:26 +03:00
MrOtherGuy
36d52cd497 Add notice for compact-mode-only support 2020-04-20 20:04:09 +03:00
MrOtherGuy
372a382c53 new file 2020-04-20 20:02:17 +03:00
MrOtherGuy
682ef33e03 Apply styles to commondialog 2020-04-19 08:46:13 +03:00
MrOtherGuy
1e0632b92e new file 2020-04-15 17:54:32 +03:00
MrOtherGuy
cb64b3ad9a Add the description back 2020-04-14 13:14:21 +03:00
MrOtherGuy
68f4146754 Hide window control buttons if they are on left side 2020-04-14 13:09:54 +03:00
MrOtherGuy
16ad5d86f2 Fix urlbar popup location and size 2020-04-12 23:03:12 +03:00
MrOtherGuy
4544b4874e Use box-shadow instead of border for urlbar 2020-04-12 22:49:03 +03:00
MrOtherGuy
f66bdeb079 Don't set titlebar padding to 0 on Windows10 even if the osx smoothing
pref is true
2020-04-12 21:51:36 +03:00
MrOtherGuy
b22a0a05a2 new file 2020-04-12 21:28:54 +03:00
MrOtherGuy
014c628e5a new file 2020-04-10 21:03:25 +03:00
MrOtherGuy
c243c9feda Add vertical padding to identity-box to prevent urlbar size changes when
active
2020-04-10 20:47:35 +03:00
MrOtherGuy
b6c0c5a242 Remove vertical padding from urlbarview rows 2020-04-10 15:46:27 +03:00
MrOtherGuy
3802708d05 Set nav-bar transform only after session has been restored so Firefox
computes urlbar height correctly
2020-04-09 21:22:04 +03:00
MrOtherGuy
37eb639ea4 Add deprecation notices 2020-04-09 17:51:18 +03:00
MrOtherGuy
4961b3ee1d Remove now unnecessary .megabar selectors 2020-04-09 17:48:41 +03:00
MrOtherGuy
ee78d236b6 remember to hide the unnecessary scrollbuttons 2020-04-08 15:03:17 +03:00
MrOtherGuy
3091101489 Use more sane colors for the popup 2020-04-08 08:31:46 +03:00
MrOtherGuy
177bcfd7d6 Don't set margin-inline-start fo urlbarView-url anymore 2020-04-08 08:02:33 +03:00
MrOtherGuy
55eb4951ed use id selector for #tabbrowser-arrowscrollbox 2020-04-07 21:34:41 +03:00
MrOtherGuy
8ae0ffca6d set #tabbrowser-arrowscrollbox min height to 0px 2020-04-07 21:27:49 +03:00
MrOtherGuy
664d2eacfd Add a workaround for case where urlbar height increase a few pixels when
typing into it
2020-04-07 13:00:29 +03:00
MrOtherGuy
a0425ce694 Add id selector for tab scrollbuttons 2020-03-29 10:12:57 +03:00
MrOtherGuy
6d741b997a Add some extra rules for reworked tab scrollbuttons 2020-03-29 10:11:18 +03:00
MrOtherGuy
865a304afd Make nav-bar and toolbar-menubar use display:flex 2020-03-24 05:22:25 +02:00
MrOtherGuy
5f0cffe6c1 don't make .menu-iconic-text visible 2020-03-19 06:25:42 +02:00
MrOtherGuy
bd5bfcce20 Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2020-03-18 15:58:14 +02:00
MrOtherGuy
26d0a6b5db new file 2020-03-18 15:57:53 +02:00
MrOtherGuy
6cfa9cc808
Don't set menubar height when inactive 2020-03-11 13:46:43 +02:00
MrOtherGuy
e2f5217194 Don't hide plugin control buttons 2020-03-07 00:42:46 +02:00
MrOtherGuy
c3c9162b4d new file 2020-03-07 00:26:09 +02:00
MrOtherGuy
ce3ae4d6c5 new file 2020-03-01 15:56:02 +02:00
MrOtherGuy
ef623cc9ba reduce default #urlbar-container padding 2020-03-01 15:50:22 +02:00
MrOtherGuy
d6a2122093 Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2020-02-25 21:27:52 +02:00
MrOtherGuy
d7db6f8d78 new file 2020-02-25 21:27:15 +02:00
MrOtherGuy
be0f4729b0
Don't apply transform before sessionrestored 2020-02-15 23:25:43 +02:00
MrOtherGuy
7640b349ee update 2020-02-13 19:35:27 +02:00
MrOtherGuy
cf75a84a00 Speed up the transition 2020-02-07 13:37:42 +02:00
MrOtherGuy
f5b220dc9e Remove note about placeholder_support since this doesn't really need it 2020-02-07 13:36:44 +02:00
MrOtherGuy
67ac31f888 Deprecate this stylesheet 2020-02-02 22:39:57 +02:00
MrOtherGuy
39197caad9 Don't make head visible in fullscreen mode 2020-02-02 12:53:13 +02:00
MrOtherGuy
57d7c0c6cb use -moz-box-pack on title 2020-02-01 15:47:27 +02:00
MrOtherGuy
aa9dddaccf Add compatibility layer for autohide + multi-row bookmarks toolbar 2020-01-18 22:04:18 +02:00
MrOtherGuy
68a14dc4cd Make compatible with Firefox 72 and megabar 2020-01-18 10:30:26 +02:00
MrOtherGuy
9de7fe144f Rename example files so git pull doesn't overwrite users own user*.css files 2020-01-17 18:29:19 +02:00
MrOtherGuy
3ad0c6cf33 new file 2020-01-17 18:18:32 +02:00
MrOtherGuy
4293efba0a Make #nav-bar fully transparent when not focused 2020-01-17 18:17:50 +02:00
MrOtherGuy
1df6843653 new file 2020-01-16 17:58:51 +02:00
MrOtherGuy
c31f646230 Make fullscreen mode work 2020-01-14 21:15:15 +02:00
MrOtherGuy
315385566c Increase the minimum width of url, and correctly remove separators when
needed
2020-01-14 18:30:22 +02:00
MrOtherGuy
8ca6db80c6 Fix too narrow customization mode view 2020-01-12 15:26:18 +02:00
MrOtherGuy
5b4bc28058 Restrict title width to approximate of the empty space available in the toolbar 2020-01-11 23:06:38 +02:00
MrOtherGuy
a5adf1fc77 new file 2020-01-11 22:48:33 +02:00
MrOtherGuy
f8dfc90ed0 Shorten the hiding delay and make the showing delay apply when nav-bar
is focused
2020-01-10 09:47:54 +02:00
MrOtherGuy
cbeedb6c46
Merge pull request #29 from aleqx/patch-1
short delay for show, long delay for hide
2020-01-10 09:44:55 +02:00
MrOtherGuy
a444be0815 Remove padding from buttons in tabs toolbar 2020-01-10 00:19:05 +02:00
aleqx
369522e091
short delay for show, long delay for hide 2020-01-09 15:50:34 +00:00
MrOtherGuy
d6a1a8663d Separate the two show behaviors 2020-01-08 23:51:11 +02:00
MrOtherGuy
4dd48397ab Float menubar-items 2020-01-08 23:48:47 +02:00
MrOtherGuy
5cbcc0378a Add support for sidebar on left/right & RTL combinations 2020-01-07 12:17:01 +02:00
MrOtherGuy
a8af335a9b new file 2020-01-06 13:47:04 +02:00
MrOtherGuy
026b65a517 Make magic heights to be controlled by variables 2020-01-05 00:39:52 +02:00
MrOtherGuy
4de319063c Add html and .main-content selectors 2020-01-03 15:40:13 +02:00
MrOtherGuy
62818a31d4 Add options to select when to show bookmarks toolbar 2020-01-03 15:39:36 +02:00
MrOtherGuy
14993a7f3c Override for about:privatebrowsing which doesn't receive colors
from theme
2019-12-17 10:51:51 +02:00
MrOtherGuy
2cde6c5d84 Don't set height on all #nav-bar children - would break library button 2019-12-14 12:23:43 +02:00
MrOtherGuy
68ca34ea41 Add some selectors to make this work in Firefox 73 2019-12-13 08:23:27 +02:00
MrOtherGuy
255952c1fb Add coloring to window element 2019-12-11 18:38:09 +02:00
MrOtherGuy
356c89d366 Properly remove colors from readonly input fields 2019-12-11 18:37:15 +02:00
MrOtherGuy
e6bf5f4199 new file 2019-12-11 18:04:59 +02:00
MrOtherGuy
5d1b1b7db6 Add z-index:1 to findbar to make it appear in front of web content 2019-12-11 18:04:30 +02:00
MrOtherGuy
aaa2e73211
Merge pull request #20 from ticapix/patch-1
improve readability
2019-12-08 14:44:09 +02:00
Pierre Gronlier
383d56e393
improve readability 2019-12-08 09:41:45 +01:00
MrOtherGuy
cd06cb3a4d Add display:block for window controls when floated 2019-12-07 14:16:42 +02:00
MrOtherGuy
93a1d601a5 Remove display:-moz-box from window controls 2019-12-07 14:16:17 +02:00
MrOtherGuy
616342e7fc Use border instead of ::before and ::after for placeholders because they
would make Fx to ignore nav-bar overflow
2019-12-06 10:29:44 +02:00
MrOtherGuy
8c6606b5c6 New file 2019-12-01 18:46:27 +02:00
MrOtherGuy
bfb52b313d Make window margins win10 specific 2019-11-28 12:00:59 +02:00
MrOtherGuy
e5aed3b139 new file 2019-11-26 12:37:50 +02:00
MrOtherGuy
4a3ec8ae3d Compatibility selector for Firefox 72 2019-11-23 17:19:37 +02:00
MrOtherGuy
02fcff95cb Add z-index:1 for elements that need to overlap web-content 2019-11-14 17:48:20 +02:00
MrOtherGuy
d15ab49549 convert -moz-stack to equivivalent-ish css grid 2019-11-14 16:53:25 +02:00
MrOtherGuy
993d439c57 Remove child combinators between :root and toolbox & browser 2019-11-11 17:23:33 +02:00
MrOtherGuy
21eabcfc38 Exclude global more-options panel from changes 2019-11-07 00:11:31 +02:00
MrOtherGuy
a5a3e869e7 Add missing namespace selector to panel-list backdrop 2019-11-07 00:04:19 +02:00
MrOtherGuy
f13cf6b317 limit button styles to role=menuitem 2019-11-06 13:55:39 +02:00
MrOtherGuy
51f3030d0e Use grid-auto-columns instead of specifying template-columns on @media
quearies
2019-11-06 13:42:13 +02:00
MrOtherGuy
d0631c6ee2 Make the left padding a bit smaller on manage buttons 2019-11-06 13:40:12 +02:00
MrOtherGuy
e6c7a100e1 Apply styling to download-file window 2019-11-06 09:19:26 +02:00
MrOtherGuy
0ec813a615 Forcibly remove backdrop-filter from panel-list 2019-11-05 10:30:11 +02:00
MrOtherGuy
d12d42a399 Rename 2019-11-05 10:05:23 +02:00
MrOtherGuy
9f230210e2 Create 3rd and 4th columns depending on window size 2019-11-05 10:03:47 +02:00
MrOtherGuy
3908ea60f8 Fix some minor issues with description 2019-11-05 10:03:02 +02:00
MrOtherGuy
03f01d7e31 new file 2019-11-04 23:49:17 +02:00
MrOtherGuy
3f4ee6579a rename to something more sane 2019-11-04 23:48:30 +02:00
MrOtherGuy
3628622f30 Set scrollbar color derived from applied colors 2019-11-04 23:46:04 +02:00
MrOtherGuy
6a4542839b Better handle textboxes inside panels 2019-11-04 11:46:12 +02:00
MrOtherGuy
cd65fe8fda Add black box-shadow to active buttons 2019-11-04 09:45:02 +02:00
MrOtherGuy
df5120bb43 Make the search/filter textfield dark 2019-11-04 09:44:24 +02:00
MrOtherGuy
bdaad97165 Correctly remove background-colors from #urlbarr and #searchbar when
active
2019-11-04 09:25:02 +02:00
MrOtherGuy
7778ed2e08 Collapse the toolbar instead of negative margins 2019-10-29 19:34:50 +02:00
MrOtherGuy
4250b9c962 Add compatibility rules for autohide_tabstoolbar.css 2019-10-29 19:09:45 +02:00
MrOtherGuy
20d31ff46b new file 2019-10-29 14:15:36 +02:00
MrOtherGuy
5a3115fd1a Add opt-in way to interact scrollbar with mouse 2019-10-29 14:07:29 +02:00
MrOtherGuy
1ac058cfb8 Set menupopup background with shorthand to remove potential
background-image
2019-10-27 10:41:18 +02:00
MrOtherGuy
8bd71cc880 new file 2019-10-24 18:22:19 +03:00
MrOtherGuy
227d8777b5 Fix issues caused by megabar 2019-10-20 23:02:47 +03:00
MrOtherGuy
65d252ceb3 new file 2019-10-20 22:57:48 +03:00
MrOtherGuy
ce21033582 Fix some layout issues caused by megabar 2019-10-20 22:57:13 +03:00
MrOtherGuy
e058c25876 set color proprty to use variable in root 2019-10-20 12:36:44 +03:00
MrOtherGuy
537c6f82d0 Use backdrop filter to blur translucent menus 2019-10-18 13:45:27 +03:00
MrOtherGuy
ac806cd3f8 Force statuspanel max-width to 100% to avoid potential clipping 2019-10-15 13:28:45 +03:00
MrOtherGuy
15f569f875 Add readme back in since it was accidentally removed 2019-10-13 13:39:42 +03:00
MrOtherGuy
51da696a93 Make compatible with Firefox 71 2019-10-13 13:34:04 +03:00
MrOtherGuy
064ba62baf Don't set menubar height to prevent windows controls being unclickable 2019-10-12 23:52:39 +03:00
MrOtherGuy
dd4b8a627a Make #urlbar position relative 2019-10-11 15:53:01 +03:00
MrOtherGuy
16a1a9e1d8 new file 2019-10-11 15:27:25 +03:00
MrOtherGuy
8dcbd0dd96 Make styling work in current version 2019-10-11 14:51:19 +03:00
MrOtherGuy
43deb8c783 wrap the fx71 selectors in @moz-document 2019-10-11 14:01:55 +03:00
MrOtherGuy
4b1a6db6d2 Use generic scrollbox[horizontal] selectors to target Firefox 71+ 2019-10-11 08:20:35 +03:00
MrOtherGuy
cefffeb43d Don't show close button on pinned tabs 2019-10-10 20:51:46 +03:00
MrOtherGuy
2738b40472 Add selectors for shadow root tab scrollbuttons 2019-10-04 17:18:35 +03:00
MrOtherGuy
6976d7dfc4 Add selectors for new shadow-root tab scroll arrows 2019-10-04 17:11:56 +03:00
MrOtherGuy
c8b5f98998 Use translate() instead of rotate() on context-navigation buttons 2019-10-04 16:58:01 +03:00
MrOtherGuy
a5d02fbb18 Add background-color to opened megabar 2019-10-03 17:48:26 +03:00
MrOtherGuy
1a50caef8f Don't use clip-path on menuitems unless context-navigation is visible 2019-09-28 13:14:23 +03:00
MrOtherGuy
6a79b38b21 new file 2019-09-28 12:56:13 +03:00
MrOtherGuy
9829e4e4db Create a new version that uses transform instead of grid display 2019-09-28 12:30:36 +03:00
MrOtherGuy
1ad29c1ada Add display:block to every absolutely positioned element 2019-09-28 12:18:59 +03:00
MrOtherGuy
c65518f902 new file 2019-09-15 12:58:46 +03:00
MrOtherGuy
40772daffb Make this work on both Fx70 and 71 2019-09-15 12:48:36 +03:00
MrOtherGuy
50f994dcd6 Set toolbox position, transform and opacity to default when customizing 2019-09-14 02:26:42 +03:00
MrOtherGuy
0a860d16fd new file 2019-09-04 11:59:50 +03:00
MrOtherGuy
8e0381ac29 Add compatibility notices for compact mode and no-manage-popup 2019-09-04 11:58:25 +03:00
MrOtherGuy
043df1a6f8 Use id selector for tabs-newtab-button 2019-09-01 17:25:56 +03:00
MrOtherGuy
38e1dd7a03 Fix invisible url on Nightlies 2019-08-23 10:16:06 +03:00
MrOtherGuy
c62e135738 Add notice about using megabar pref instead 2019-08-17 09:08:06 +03:00
MrOtherGuy
7f036da88e Use darker shade of grey 2019-08-16 16:31:08 +03:00
MrOtherGuy
138c171598 Override :root scrollbar-color with variable colors 2019-08-16 16:29:55 +03:00
MrOtherGuy
b1dc9dccf3 Use default dark-theme gray as background instead of blue-ish 2019-08-16 16:11:17 +03:00
MrOtherGuy
747b8be43c Make menubar icons use currentColor 2019-08-13 16:22:54 +03:00
MrOtherGuy
17cf052fb9 Fix overlay height and box model issues on Fx68 2019-08-12 15:54:59 +03:00
MrOtherGuy
2f3bcee237 new file 2019-08-11 22:26:26 +03:00
MrOtherGuy
00d1b67931 formatting 2019-08-11 17:30:19 +03:00
MrOtherGuy
ceafab2cd7 Make variables aware of tabsintitlebar 2019-08-11 17:29:42 +03:00
MrOtherGuy
1172bec7b0 New file 2019-08-11 15:34:25 +03:00
MrOtherGuy
878f6d04db Use ID selector for urlbar-input in Firefox70 2019-07-20 08:13:26 +03:00
MrOtherGuy
b2ee14c4ec Add styling for new tracking protection icon 2019-07-20 08:05:26 +03:00
MrOtherGuy
e49c47a247 New file 2019-07-20 07:55:32 +03:00
MrOtherGuy
37bf0d33aa Pass colors to in-content dialog boxes 2019-07-17 16:05:55 +03:00
MrOtherGuy
cdcac5f7a3 Add notice about this file not working with html addons 2019-07-10 11:37:28 +03:00
MrOtherGuy
a3fe5fa906 new file 2019-07-10 10:37:58 +03:00
MrOtherGuy
0ebb844165 Don't add border to search one-off items 2019-07-09 13:06:26 +03:00
MrOtherGuy
f3673be225 Apply colors to html-about:addons 2019-07-09 12:42:56 +03:00
MrOtherGuy
b6c43cf060 Recolor modal tab-modal-prompts 2019-07-09 11:56:13 +03:00
MrOtherGuy
e1df598ecc Make button colors work better with dark/light themes 2019-07-09 11:51:08 +03:00
MrOtherGuy
9dcbbca92f Limit button coloring to panel-buttons 2019-07-09 11:31:41 +03:00
MrOtherGuy
a69ec4dc0d Make menubar coloring more sane 2019-07-09 00:13:30 +03:00
MrOtherGuy
fb34281bbd Limit these to xul namespace 2019-07-09 00:12:52 +03:00
MrOtherGuy
07cec64235 Also style natively styled buttons 2019-06-30 10:51:41 +03:00
MrOtherGuy
3e2fc449d6 Formatting 2019-06-30 10:51:23 +03:00
MrOtherGuy
60df79b33a Add description 2019-06-27 13:08:41 +03:00
MrOtherGuy
3dcc3e3287 new file 2019-06-27 13:03:01 +03:00
MrOtherGuy
b134d19ff8 new file 2019-06-25 12:08:50 +03:00
MrOtherGuy
29265f1107 Use toolbar-bgcolor when available for window background 2019-06-25 12:07:00 +03:00
MrOtherGuy
54b7aededa Animate background-position with steps() timing to reduce cpu use 2019-06-24 15:46:13 +03:00
MrOtherGuy
0239329ef8 New file 2019-06-16 14:25:12 +03:00
MrOtherGuy
402f31e15d Fix menubar coloring and incorrect toolbar height 2019-06-16 09:36:15 +03:00
MrOtherGuy
ba7234130f (Fx69 support) Apply placeholder margins to #browser instead of #content-deck 2019-06-16 09:05:07 +03:00
MrOtherGuy
0be1e46ced don't use variables since only margin will change 2019-06-12 19:08:13 +03:00
MrOtherGuy
da6df22d8b Make toolbox margins OS scaling dependent 2019-06-12 13:33:11 +03:00
MrOtherGuy
a65c512919 make sidebar 1px wide in fullscreen mode 2019-06-10 12:17:01 +03:00
MrOtherGuy
c56cd11011 new file 2019-06-05 16:26:32 +03:00
MrOtherGuy
e3bf0f8ef7 remove reserved 6px space in windowed mode 2019-06-03 17:26:32 +03:00
MrOtherGuy
88193256df new file 2019-06-02 19:08:43 +03:00
MrOtherGuy
956a95e6ea Make menubar appear normally in customize mode 2019-06-02 13:51:53 +03:00
MrOtherGuy
b78e6a504f Apply colors to edit bookmark popup 2019-06-01 14:35:52 +03:00
MrOtherGuy
0a9237b8a0 formatting 2019-06-01 14:33:24 +03:00
MrOtherGuy
80ce45de17 Add colors to inform about downloads button state 2019-06-01 14:30:01 +03:00
MrOtherGuy
507fe8cb56 Add informational colors for identity-box when hidden 2019-06-01 14:28:34 +03:00
MrOtherGuy
86fad03932 Disable autohide while customizing 2019-06-01 00:22:40 +03:00
MrOtherGuy
03d99edf6d let the position to be static 2019-06-01 00:17:51 +03:00
MrOtherGuy
8247e931fd new file 2019-06-01 00:14:17 +03:00
MrOtherGuy
859753a026 formatting 2019-06-01 00:13:51 +03:00
MrOtherGuy
27ac04e7bf new file 2019-05-21 16:42:05 +03:00
MrOtherGuy
f6fcacc15e new file 2019-05-10 19:27:49 +03:00
MrOtherGuy
fb607dbccd update color variables 2019-05-10 05:24:19 +03:00
MrOtherGuy
cfa383b412 Adjust some default colors and add optional centered text 2019-05-09 20:10:35 +03:00
MrOtherGuy
d3711a1ac8 new file 2019-05-09 18:05:56 +03:00
MrOtherGuy
05d8e8737a Add support for findbar icons 2019-05-09 18:05:17 +03:00
MrOtherGuy
2128a17ac6 Fall back to using currentColor if lwt fill color isn't set 2019-05-05 17:33:18 +03:00
MrOtherGuy
1a9521f9be Hide the navigator-toolbox bottom border 2019-05-05 16:21:32 +03:00
MrOtherGuy
ab0f3df900 Add note about linux requiring compatibility patch 2019-05-05 16:20:34 +03:00
MrOtherGuy
a2532d2a22 Don't center the text when urlbar is selected 2019-05-05 15:31:31 +03:00
MrOtherGuy
e6b10edaf6 Disable hiding of protocol by default 2019-05-05 15:28:48 +03:00
MrOtherGuy
53ea91d2e8 Change window control placeholders to use ::before and ::after 2019-05-05 15:20:51 +03:00
MrOtherGuy
dc72d829da Don't set box-direction here 2019-05-05 15:17:57 +03:00
MrOtherGuy
2229bda490 Increase menubar heights from 22px to 29px 2019-05-05 15:15:27 +03:00
MrOtherGuy
63863612b9 Override titlebarbutton box direction for linux_gtk systems 2019-05-05 13:42:28 +03:00
MrOtherGuy
a04d7a1a63 New file 2019-05-05 08:32:43 +03:00
MrOtherGuy
82b2f4845d new file 2019-05-01 10:30:12 +03:00
MrOtherGuy
f83c00ea3e Add a glow effect to minimal-mode menu-button if it has info-badge 2019-05-01 10:28:05 +03:00
MrOtherGuy
acc7b44d12 create a copy of minimal toolbarbuttons with slightly different behavior 2019-05-01 07:56:13 +03:00
MrOtherGuy
6c3f2db5f4 reduce transitions by fixing the state when previous sibling is hovered 2019-05-01 07:54:44 +03:00
MrOtherGuy
344b068c4f Only exclude BMB_bookmarksPopup not all placespopups 2019-05-01 07:53:55 +03:00
MrOtherGuy
87791dcce2 new file 2019-04-30 20:20:47 +03:00
MrOtherGuy
a741079faf New file 2019-04-27 12:05:33 +03:00
MrOtherGuy
f45986ba64 Set the tabs toolbar width correctly 2019-04-27 12:04:51 +03:00
MrOtherGuy
133905ce68 New file 2019-04-14 22:14:45 +03:00
MrOtherGuy
7f94504b02 Don't apply styles to BMB_popups 2019-04-13 22:23:14 +03:00
MrOtherGuy
bf05f6c7c1 Combine dark addon manager with dark preferences and about:config 2019-04-07 12:50:55 +03:00
MrOtherGuy
49c9accc63 Fix some formatting 2019-04-07 12:50:24 +03:00
MrOtherGuy
5544112e45 Fix issues caused by overlapping scrollboxes 2019-04-06 15:35:27 +03:00
MrOtherGuy
5e51eb5420 Remove text-shadow from addon details 2019-04-06 15:34:40 +03:00
MrOtherGuy
a0678237f2 New file 2019-04-06 14:21:25 +03:00
MrOtherGuy
2ac3b2b3bd Add support for certain missing scrollbars 2019-04-06 12:03:45 +03:00
MrOtherGuy
b6aacebb5d Add support for quantumbar 2019-04-06 12:02:30 +03:00
MrOtherGuy
05f3ef9e32 Recolor customization view in Firfox 68 2019-04-06 12:01:15 +03:00
MrOtherGuy
bf2abaf138 New file 2019-04-05 17:25:33 +03:00
MrOtherGuy
21de893e99 Make inactive menubar to ignore pointer events 2019-03-26 20:18:12 +02:00
MrOtherGuy
66080c4056 Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2019-03-21 17:31:55 +02:00
MrOtherGuy
209576e6f3 Make navbar draggable from left side 2019-03-21 17:30:07 +02:00
MrOtherGuy
79e81d560c
Merge pull request #5 from thePanz/patch-1
Allow tab-size to be defined
2019-03-21 17:21:04 +02:00
Ema Panz
4796f94cea
Allow fix/dynamic tab width
Integrate https://github.com/MrOtherGuy/firefox-csshacks/pull/3
2019-03-21 08:41:35 +01:00
Ema Panz
8b757e951b
Allow tab-size to be defined 2019-03-21 08:30:05 +01:00
MrOtherGuy
c9d94dc022 new file 2019-03-20 16:19:13 +02:00
MrOtherGuy
b8923dd777 Add rules to handle window-controls on left layout 2019-03-20 16:18:23 +02:00
MrOtherGuy
9e1c02f7be Add different rules for Firefox below 66 2019-03-01 21:51:26 +02:00
MrOtherGuy
9f55296408 new file 2019-03-01 18:04:55 +02:00
MrOtherGuy
baf7b16b15 Use default xul namespace 2019-03-01 18:04:22 +02:00
MrOtherGuy
9bd9dcc138 new file 2019-02-24 11:52:20 +02:00
MrOtherGuy
729712fec9 Remove background-image on hover and active as a workaround for -moz-element() issues 2019-02-23 11:30:22 +02:00
MrOtherGuy
9a74a46389 Add some more notes about import order 2019-02-14 10:01:52 +02:00
MrOtherGuy
156ec5b42e Remove leftover old placeholder code which broke mac styling 2019-02-12 22:51:49 +02:00
MrOtherGuy
3f1b9559c7 Remove unnecessary nav-bar paddings from mac rules 2019-02-10 10:57:55 +02:00
MrOtherGuy
55bcd9eed2 Notify that this sheet should be imported first 2019-02-10 10:57:20 +02:00
MrOtherGuy
8b4d97c09f Combine window placeholder support sheets 2019-02-09 12:45:52 +02:00
MrOtherGuy
5e46b7a0a3 Move window control placeholder styles to shared stylesheet 2019-02-09 00:03:13 +02:00
MrOtherGuy
feba8a6403 Use similar code for window drag space in all stylesheets part2 2019-02-08 10:47:26 +02:00
MrOtherGuy
eabff2de11 Use similar code for window drag space in all stylesheets part1 2019-02-07 12:43:36 +02:00
MrOtherGuy
e6da6b0dc2 Create window control space using padding to avoid background styling 2019-02-07 11:40:53 +02:00
MrOtherGuy
34708e93bf Make menubar on top work better with different setups 2019-02-06 13:15:16 +02:00
MrOtherGuy
e0f100125a Better handle fullscreen and menubar enabled modes 2019-02-06 10:54:13 +02:00
MrOtherGuy
f137723484 New file 2019-02-06 10:30:05 +02:00
MrOtherGuy
bfe0c8429f Don't set nav-bar right padding when titlebar is enabled 2019-02-05 13:26:35 +02:00
MrOtherGuy
f515efea70 Remove comment window control patch requiring Fx66 - it works on 65 2019-02-05 13:25:27 +02:00
MrOtherGuy
931f9b1292 Add important to really hide tab-close-button margin on touch density 2019-02-05 08:17:03 +02:00
MrOtherGuy
de85770d94 Add warning about potential long tab switch times 2019-02-04 10:14:37 +02:00
MrOtherGuy
82af721461 Better handle status vertical position 2019-02-03 11:36:04 +02:00
MrOtherGuy
a2fcf09b26 New file 2019-02-03 11:06:20 +02:00
MrOtherGuy
dfb27f1c23 Hide the status when urlbar is hovered 2019-02-03 11:05:37 +02:00
MrOtherGuy
93f92a65a6 Set titlebar appearance to none in normal windows 2019-02-01 22:06:01 +02:00
MrOtherGuy
b4a34d2334 Add comment about scrollable tabs being disabled on Firefox65 2019-01-31 05:33:58 +02:00
MrOtherGuy
07368eb3b3 Hide toolbox bottom border 2019-01-30 16:16:38 +02:00
MrOtherGuy
5b2bb17e1e new file 2019-01-30 16:13:42 +02:00
MrOtherGuy
d0b647d5d8 Add !important to fix a case where one additional empty tab row is shown 2019-01-30 15:34:26 +02:00
MrOtherGuy
8266515ed0 Add configurable maximum rows before rows start to scroll 2019-01-28 21:04:23 +02:00
MrOtherGuy
9787beeb96 Combine multi-row tabs for pre and post Firefox 66 and label the post-66 only obsolete 2019-01-24 13:35:40 +02:00
MrOtherGuy
1229f5ba19 Fix DOMfullscreen 2019-01-16 22:43:13 +02:00
MrOtherGuy
8d47d8cb19 Fix maximized mode 2019-01-16 22:39:53 +02:00
MrOtherGuy
6692069fac new file 2019-01-16 22:21:08 +02:00
MrOtherGuy
571f77d719 Multirow-tabs for Firefox66+ 2019-01-15 16:58:59 +02:00
MrOtherGuy
fe7017dc1b Add description 2019-01-15 16:58:40 +02:00
MrOtherGuy
f69bc7d2cf New file 2019-01-14 17:49:49 +02:00
MrOtherGuy
4adb183dad Change fallback-color and and notice for transparent themes 2019-01-03 16:34:07 +02:00
MrOtherGuy
0f2df2c1d7 Add instructions on how to correctly load user*.css files 2019-01-01 11:40:44 +02:00
MrOtherGuy
a82dfbfe70 Include window controls 2018-12-31 20:39:55 +02:00
MrOtherGuy
fe39d0f72e Add option to handle no-favicon scenario 2018-12-31 16:04:32 +02:00
MrOtherGuy
cb64cb353c New file 2018-12-31 13:34:01 +02:00
MrOtherGuy
8ad4b2cfb2 New file 2018-12-30 14:26:26 +02:00
MrOtherGuy
8eb48c90b6 New file 2018-12-30 11:49:16 +02:00
MrOtherGuy
70a0098b6f small fix 2018-12-30 07:02:26 +02:00
MrOtherGuy
48f3796dc9 Add notification that theme files should be imported first 2018-12-29 17:21:06 +02:00
MrOtherGuy
88e060cd30 New file 2018-12-29 17:18:42 +02:00
MrOtherGuy
974d728ba9 Use toolbar background as fallback-color 2018-12-29 17:17:15 +02:00
MrOtherGuy
0a7063b360 Make colors more easily compatible with other stylesheets 2018-12-29 17:13:59 +02:00
MrOtherGuy
3c01d18d65 remove unnecessary semicolon 2018-12-29 17:12:54 +02:00
MrOtherGuy
635854aaef set scrollbar-width globally since it's not inherited 2018-12-29 10:52:33 +02:00
MrOtherGuy
c1611efa2f Incease post-tab spacer width so tabs won't overlay window controls 2018-12-29 08:04:48 +02:00
MrOtherGuy
0a105ff168 Fix quick-find height 2018-12-29 07:17:39 +02:00
MrOtherGuy
888c26bf3d Fix typo and offset findbar to make room for scrollbar 2018-12-29 07:16:30 +02:00
MrOtherGuy
c104911064 Use uc_theme_light_bkgnd_color if available 2018-12-28 16:18:26 +02:00
MrOtherGuy
9492574fc8 Use more subtle styling in findbar 2018-12-28 16:17:23 +02:00
MrOtherGuy
cb32d2f914 Don't be needlessly specific when selecting findbar 2018-12-28 16:00:36 +02:00
MrOtherGuy
38ebc72193 Make findbar not full width and remove support for left positioning 2018-12-28 05:29:03 +02:00
MrOtherGuy
b468ba2a9a rename searchbar -> findbar 2018-12-27 19:08:57 +02:00
MrOtherGuy
f0427b891a Add subtle transition 2018-12-27 19:07:12 +02:00
MrOtherGuy
f83195416a new file 2018-12-27 18:41:09 +02:00
MrOtherGuy
880f03ecae formatting 2018-12-19 19:48:22 +02:00
MrOtherGuy
3706f37666 Add fallback color to :root so windows won't break without variables 2018-12-19 19:45:01 +02:00
MrOtherGuy
692e62a5ad New file 2018-12-19 19:38:03 +02:00
MrOtherGuy
3c277a38c0 Set menubar window controls to be transparent when inactive 2018-12-19 08:17:51 +02:00
MrOtherGuy
2b735d2853 Use correct menubar height 2018-12-19 08:16:40 +02:00
MrOtherGuy
c95fb2f77b New file 2018-12-16 04:43:06 +02:00
MrOtherGuy
769942cdc3 formatting 2018-12-16 04:42:46 +02:00
MrOtherGuy
a6e7ba119f adjust top margin in maximized windows 2018-12-14 05:02:48 +02:00
MrOtherGuy
3b2732fcec New file 2018-12-13 18:28:55 +02:00
MrOtherGuy
2ea0674668 Limit popup recoloring to browser popups 2018-12-13 18:28:02 +02:00
MrOtherGuy
dd4385a64b Add gradient to menubar 2018-12-13 16:44:28 +02:00
MrOtherGuy
9e265e14df New file 2018-12-13 05:42:11 +02:00
MrOtherGuy
3829dc76ba Add colors to bookmarking panel popup 2018-12-11 16:05:20 +02:00
MrOtherGuy
c2ad7e9973 Fix some coloring issues with different themes 2018-12-09 19:17:05 +02:00
MrOtherGuy
bb8d6a35e5 Use correct text colors on sidebar header 2018-12-07 17:54:17 +02:00
MrOtherGuy
f0f427d770 Make effects work on page-action buttons 2018-12-07 11:59:09 +02:00
MrOtherGuy
a90bac4438 Modify non-compact back-button background 2018-12-07 11:58:34 +02:00
MrOtherGuy
18de7d3c5b New file 2018-12-07 08:04:28 +02:00
MrOtherGuy
c3156452fa Use special extra padding on back-button 2018-12-07 08:03:04 +02:00
MrOtherGuy
d1e3a75b51 Use more suitable colors in sidebars 2018-12-06 23:47:43 +02:00
MrOtherGuy
84f67124ab Add compatibility with autohide behavior 2018-12-06 23:18:31 +02:00
MrOtherGuy
ace01c890a Set max-width to the container to make things work properly 2018-12-06 23:17:27 +02:00
MrOtherGuy
64f01c9b76 Disable nav-buttons-in-urlbar in example as it requires specific layout 2018-12-06 22:11:23 +02:00
MrOtherGuy
345037497a Add notes about example files 2018-12-06 21:49:25 +02:00
MrOtherGuy
70e2dfb7dd Add example userChrome and userContent files 2018-12-06 21:39:20 +02:00
MrOtherGuy
db8dd681d2 New file 2018-12-06 21:38:55 +02:00
MrOtherGuy
900c1930dd Add html namespace and some comments 2018-12-06 21:38:02 +02:00
MrOtherGuy
95ef609337 Add background to menubar 2018-12-06 21:37:25 +02:00
MrOtherGuy
cc29bb73d2 Make color of connection states light blue 2018-12-06 18:49:15 +02:00
MrOtherGuy
8b19505d16 Set width/height properties for buttons 2018-12-05 20:56:58 +02:00
MrOtherGuy
7a5ddca1ac Scale stack-less buttons using padding which doesn't require restyling 2018-12-05 20:51:43 +02:00
MrOtherGuy
27821ad460 Add hover-states to some missing popups 2018-12-05 20:50:29 +02:00
MrOtherGuy
3889b65e59 Disable hover effect on certain icons in overflow menu 2018-12-05 20:44:51 +02:00
MrOtherGuy
408ed46ffa Custom colors for internal nav buttons only w/ theme_toolbars 2018-12-04 20:22:45 +02:00
MrOtherGuy
079076091a Add further instructions 2018-12-04 20:22:05 +02:00
MrOtherGuy
e7c92ec1c4 Fix inconsistencies with buttons inside popups 2018-12-04 18:35:33 +02:00
MrOtherGuy
d498ed43d2 Remove theme color variables import 2018-12-04 18:34:51 +02:00
MrOtherGuy
4a73dad366 Fix incompatibility with normal toolbar density 2018-12-04 18:34:03 +02:00
MrOtherGuy
94872a63f5 Exclude downloads button from the rules 2018-12-04 18:32:52 +02:00
MrOtherGuy
a19e10aeda Add theme files and some compatbility rules 2018-12-04 17:32:10 +02:00
MrOtherGuy
0de6ebaa9a New file 2018-12-02 19:22:42 +02:00
MrOtherGuy
8e5b9b476b Add drag-space support 2018-12-02 05:30:59 +02:00
MrOtherGuy
67568b3c10 rename file 2018-12-02 05:09:45 +02:00
MrOtherGuy
eb2c1a1d1b New file 2018-12-02 05:07:43 +02:00
MrOtherGuy
1b10bd9687 new file 2018-11-30 19:36:16 +02:00
MrOtherGuy
172ab9f343 Fix wrong selector for ignoring autohide=false 2018-11-29 21:05:43 +02:00
MrOtherGuy
47b8ebb60e Don't modify menubarr height if autohide=false 2018-11-29 21:03:11 +02:00
MrOtherGuy
28632ea2ac Add new file 2018-11-29 20:49:59 +02:00
MrOtherGuy
4593817205 update 2018-11-29 20:49:30 +02:00
MrOtherGuy
032076d505 Add variable controlled drag-space 2018-11-26 03:56:26 +02:00
MrOtherGuy
2d768a9563 Add variable controlled drag-space 2018-11-26 03:54:06 +02:00
MrOtherGuy
31e7c0b597 use pre-tabs to pad tabs a bit 2018-11-26 01:28:00 +02:00
MrOtherGuy
c9f12e9633 Update 2018-11-26 01:13:23 +02:00
MrOtherGuy
119c41aa34 new file 2018-11-24 10:04:17 +02:00
MrOtherGuy
989946c35a Add important to transition property 2018-11-23 18:07:40 +02:00
MrOtherGuy
31a9318f30 Add new file 2018-11-23 16:57:23 +02:00
MrOtherGuy
2bfc5456a2 tabs on bottom for Fx65 2018-11-07 21:05:02 +02:00
MrOtherGuy
48bc4d97b5 Fix urlbar overflow behavior 2018-11-03 22:47:52 +02:00
MrOtherGuy
23c5b7792c New stuff 2018-10-21 21:27:25 +03:00
MrOtherGuy
15cb67cf2c initial commit 2018-10-21 18:44:14 +03:00
71 changed files with 8169 additions and 260 deletions

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
/out

17
.gitlab-ci.yml Normal file
View file

@ -0,0 +1,17 @@
image: alpine:latest
build:
before_script:
- apk -q add make
script:
- make
- make DESTDIR=mobile-config-firefox install
artifacts:
paths:
- mobile-config-firefox
lint:
before_script:
- apk -q add grep
script:
- .ci/lint.sh

View file

@ -1,28 +0,0 @@
/* Copyright 2022 plata
* SPDX-License-Identifier: MPL-2.0 */
/* Move navigation bar to bottom */
@media (max-width: 700px) {
#browser {
-moz-box-ordinal-group: 0 !important;
}
/* Hide navigation bar in kiosk mode (to prevent bug #29). We can assume FF
* is in kiosk mode when fullscreen and max-width conditions are met,
* because at this max-width the fullscreen button is hidden
* (see appMenu.css). */
#nav-bar[inFullscreen],
#TabsToolbar[inFullscreen] {
display: none;
}
/* https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbars_below_content.css */
#TabsToolbar > .titlebar-buttonbox-container {
display: none;
}
/* Fix panels sizing */
.panel-viewstack {
max-height: unset !important;
}
}

View file

@ -1,75 +0,0 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/iconized_main_menu.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Adds icons to main menu items which were removed in Proton */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image {
fill: currentColor;
-moz-context-properties: fill;
margin-inline: 0 8px !important;
}
#appMenu-new-tab-button2 {
list-style-image: url("chrome://browser/skin/new-tab.svg");
}
#appMenu-new-window-button2 {
list-style-image: url("chrome://browser/skin/window.svg");
}
#appMenu-new-private-window-button2 {
list-style-image: url("chrome://browser/skin/privateBrowsing.svg");
}
#appMenu-bookmarks-button {
list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
}
#appMenu-history-button {
list-style-image: url("chrome://browser/skin/history.svg");
}
#appMenu-downloads-button {
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
}
#appMenu-passwords-button {
list-style-image: url("chrome://browser/skin/login.svg");
}
#appMenu-extensions-themes-button {
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
#appMenu-print-button2 {
list-style-image: url("chrome://global/skin/icons/print.svg");
}
#appMenu-save-file-button2 {
list-style-image: url("chrome://browser/skin/save.svg");
}
#appMenu-find-button2 {
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-settings-button {
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
#appMenu-more-button2 {
list-style-image: url("chrome://global/skin/icons/developer.svg");
}
#appMenu-help-button2 {
list-style-image: url("chrome://global/skin/icons/info.svg");
}
#appMenu-quit-button2 {
list-style-image: url("chrome://devtools/skin/images/search-clear.svg");
}
/* Use account-button icon for signed in sync item */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
display: flex;
content: "";
width: 16px;
height: 16px;
background-image: var(--avatar-image-url);
}
/* Add somewhat hacky separator to zoom controls so it looks consistent */
#appMenu-protonMainView > .panel-subview-body::after {
content: "";
display: flex;
border-bottom: 1px solid var(--panel-separator-color);
margin: var(--panel-separator-margin);
}
#appMenu-find-button2 ~ * {
-moz-box-ordinal-group: 2; /* Fx < 112 compatibility */
order: 2;
}

View file

@ -1,21 +0,0 @@
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Hide unpinned inactive tabs */
.tabbrowser-tab:not([pinned]):not([selected]) {
visibility: hidden !important;
min-width: 0 !important;
}
/* Expand unpinned active tab */
.tabbrowser-tab:not([pinned])[selected] {
min-width: 100vw !important;
}
/* Hide Newtab and New-tab buttons */
#new-tab-button,
#tabs-newtab-button {
display: none !important;
}
}

View file

@ -1,57 +0,0 @@
/* Source from reddit users /u/BatDogOnBatMobile, /u/moko1960, and /u/It_Was_The_Other_Guy
https://teddit.net/r/FirefoxCSS/comments/s4wsww/
https://teddit.net/r/FirefoxCSS/comments/yb8tr9/ */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Show Tab Manager button even when tabs aren't overflowing -
can instead use browser.tabs.tabmanager.enabled;true as well
or skip this part if you want to retain the default behaviour */
#alltabs-button {
display: -moz-box !important;
}
/* Tab Manager button (v) tab counter */
#TabsToolbar-customization-target {
counter-reset: tabCount;
}
.tabbrowser-tab:not([pinned]) {
counter-increment: tabCount;
}
#alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
position: relative !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
content: counter(tabCount);
border-bottom: 1px solid var(--toolbarbutton-icon-fill);
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: var(--toolbarbutton-inner-padding);
left: 50%;
transform: translateX(-50%);
padding: 0 3px;
}
/* Tab Manager menu tab counter */
#allTabsMenu-allTabsViewTabs {
counter-reset: nn_tabs 0 !important;
}
.all-tabs-button::before {
display: -moz-inline-box !important;
-moz-padding-end: 8px !important;
content: counter(nn_tabs) !important;
/*font-weight: bold !important; */
font-size: 12px !important;
margin-top: -2px !important;
margin-right: -2px !important;
}
.all-tabs-item {
counter-increment: nn_tabs !important;
}
}

View file

@ -1,4 +0,0 @@
/* Tab min-width resizing */
#tabbrowser-tabs .tabbrowser-tab[fadein]:not([pinned]) {
min-width: 90px !important;
}

View file

@ -0,0 +1,37 @@
// Copyright 2022 Oliver Smith, Martijn Braam
// SPDX-License-Identifier: MPL-2.0
// Set up autoconfig (we use it to copy/update userChrome.css into profile dir)
pref('general.config.filename', "mobile-config-autoconfig.js");
pref('general.config.obscure_value', 0);
pref('general.config.sandbox_enabled', false);
// Enable android-style pinch-to-zoom
pref('dom.w3c.touch_events.enabled', true);
pref('apz.allow_zooming', true);
pref('apz.allow_double_tap_zooming', true);
// Enable legacy touch event APIs, as some websites use this to check for mobile compatibility
// and Firefox on Android behaves the same way
pref('dom.w3c_touch_events.legacy_apis.enabled', true);
// Save vertical space by hiding the titlebar
pref('browser.tabs.inTitlebar', 1);
// Disable search suggestions
pref('browser.search.suggest.enabled', false);
// Empty new tab page: faster, less distractions
pref('browser.newtabpage.enabled', false);
// Allow UI customizations with userChrome.css and userContent.css
pref('toolkit.legacyUserProfileCustomizations.stylesheets', true);
// Select the entire URL with one click
pref('browser.urlbar.clickSelectsAll', true);
// Disable cosmetic animations, save CPU
pref('toolkit.cosmeticAnimations.enabled', false);
// Disable download animations, save CPU
pref('browser.download.animateNotifications', false);

144
src/policies.json Normal file
View file

@ -0,0 +1,144 @@
{
"policies": {
"DisableFirefoxScreenshots": true,
"DisableFirefoxStudies": true,
"DisableTelemetry": true,
"DisablePocket": true,
"NoDefaultBookmarks": true,
"OverrideFirstRunPage": "",
"OverridePostUpdatePage": "",
"Homepage": {
"URL": "about:home",
"Locked": false,
"StartPage": "homepage"
},
"FirefoxHome": {
"Search": true,
"TopSites": false,
"Highlights": false,
"Pocket": false,
"Snippets": false,
"Locked": false
},
"SearchEngines": {
"Default": "DuckDuckGo",
"Remove": [
"1&1 Suche",
"Allaannonser",
"Allegro",
"Am Faclair Beag",
"Amazon.ca",
"Amazon.co.jp",
"Amazon.co.uk",
"Amazon.com",
"Amazon.com.au",
"Amazon.de",
"Amazon.es",
"Amazon.fr",
"Amazon.in",
"Amazon.it",
"Amazon.nl",
"Amazon.se",
"Atlas",
"Azerdict",
"Azet",
"BBC ┐ BBC Alba",
"Bing",
"Ceneje.si",
"Chambers (UK)",
"Cốc Cốc",
"DIEC2",
"Diccionario RAE",
"EUdict Eng->Cro",
"Ecosia",
"Encyklopedia PWN",
"Freelang (br)",
"GMX - Búsqueda web",
"GMX - Recherche web",
"GMX Search",
"GMX Shopping",
"GMX Suche",
"Google",
"Gule sider",
"Heureka",
"Hotline",
"Kannada Store",
"LEO Eng-Deu",
"List.am",
"Mapy.cz",
"Marktplaats.nl",
"MercadoLibre Argentina",
"MercadoLibre Chile",
"MercadoLibre Mexico",
"MercadoLivre",
"Najdi.si",
"Neti",
"OLX.ba",
"OZON.ru",
"Odpiralni Časi",
"Ordbok",
"Osta",
"Palas Print",
"Pazaruvaj",
"Priberam",
"Price.ru",
"Prisjakt",
"QXL",
"Qwant",
"Qwant Junior",
"Readmoo 讀墨電子書",
"SS.lv",
"Salidzini.lv",
"Seznam",
"Tyda.se",
"Vatera.hu",
"WEB.DE Suche",
"Wikiccionari (oc)",
"Wolne Lektury",
"Yahoo! JAPAN",
"Yandex",
"Zoznam",
"bol.com",
"channel",
"clid",
"eBay",
"flip.kz",
"mail.com",
"mail.com search",
"tearma.ie",
"Õigekeelsussõnaraamat",
"Погодак",
"Поиск Mail.Ru",
"Яндекс",
"מילון מורפיקס",
"విక్షనరీ (te)",
"พจนานุกรม ลองดู",
"ヤフオク!",
"亚马逊",
"教えてgoo",
"楽天市場",
"百度",
"네이버",
"다음"
]
},
"UserMessaging": {
"WhatsNew": false,
"ExtensionRecommendations": false,
"FeatureRecommendations": false,
"UrlbarInterventions": false,
"SkipOnboarding": false
},
"ExtensionSettings": {
"uBlock0@raymondhill.net": {
"installation_mode": "normal_installed",
"install_url": "https://addons.mozilla.org/firefox/downloads/latest/ublock-origin/latest.xpi"
}
}
}
}

View file

@ -0,0 +1,78 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--alltabs-button-position: 3.5px !important;
--widget-overflow-margin: 22px;
--unified-extensions-panel-margin: 22px;
--customizationui-widget-panel-margin: 22px;
--appMenu-popup-margin: 22px;
--BMB_bookmarksPopup-margin: 22px;
}
:root[uidensity="touch"] {
--alltabs-button-position: 4.5px !important;
--widget-overflow-margin: 23px;
--unified-extensions-panel-margin: 23px;
--customizationui-widget-panel-margin: 23px;
--appMenu-popup-margin: 23px;
--BMB_bookmarksPopup-margin: 23px;
}
:root:not([uidensity="touch"],[inFullscreen]) {
--uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) )
}
:root[uidensity="touch"]:not([inFullscreen]){
--uc-bottom-toolbar-height: calc(43px + var(--toolbarbutton-outer-padding) )
}
/* Hide Nav Bar and Tab Bar when in Fullscreen mode and hide and Title Bar */
#nav-bar[inFullscreen],
#TabsToolbar[inFullscreen],
.titlebar-buttonbox-container {
display: none;
}
/* Move Nav Bar to bottom */
#browser,
#customization-container {
margin-bottom: var(--uc-bottom-toolbar-height,0px)
}
#nav-bar{
position: fixed !important;
bottom: 0px;
width: 100%;
z-index: 1;
}
.panel-viewstack {
max-height: unset !important;
}
/* Adjust Widget Overflow Menu (») spawn height */
#widget-overflow {
margin-bottom: var(--widget-overflow-margin) !important;
}
/* Adjust Unified Extensions Menu spawn height */
#unified-extensions-panel {
margin-bottom: var(--unified-extensions-panel-margin) !important;
}
/* Adjust Tab Manager Menu spawn height */
#customizationui-widget-panel {
margin-bottom: var(--customizationui-widget-panel-margin) !important;
}
/* Adjust Main App Menu (≡) spawn height */
#appMenu-popup {
margin-bottom: var(--appMenu-popup-margin) !important;
}
/* Adjust Bookmarks Menu (★) spawn height */
#BMB_bookmarksPopup {
margin-bottom: var(--BMB_bookmarksPopup-margin) !important;
}
}

View file

@ -0,0 +1,98 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 3.5px;
--alltabs-number-position: calc(var(--toolbarbutton-inner-padding) * 1.5 );
--urlbar-width: calc(100vw - 166px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 4.5px;
--alltabs-number-position: calc(var(--toolbarbutton-inner-padding) * 1.5 );
--urlbar-width: calc(100vw - 171.5px);
}
/* Hide Nav Bar and Tab Bar when in Fullscreen mode and hide Title Bar, Newtab button, and New-tab button */
#nav-bar[inFullscreen],
#TabsToolbar[inFullscreen],
.titlebar-buttonbox-container,
#new-tab-button,
#tabs-newtab-button {
display: none !important;
}
/* Hide unpinned inactive tabs */
.tabbrowser-tab:not([pinned]):not([selected]) {
visibility: collapse !important;
min-width: 0 !important;
}
/* Expand unpinned active tab */
#tabbrowser-tabs:not([haspinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[selected] {
min-width: 100vw !important;
}
#tabbrowser-tabs[haspinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned])[selected] {
min-width: calc(100vw - 40px) !important;
}
/* Move Main App Menu (≡) button to allow room for Tab Manager Menu button */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
bottom: var(--alltabs-button-position) !important;
right: 41.5px;
z-index: 2 !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
bottom: calc(var(--toolbarbutton-inner-padding) * 0.7 ) !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* Reduce URL Bar width */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
}

View file

@ -8,19 +8,22 @@
* the HTML, which we can't override via CSS. */
#appMenu-popup {
/*margin-top: -390px !important;*/
margin-bottom: 62px !important;
padding-left: 10px !important;
padding-right: 10px !important;
/*height: 310px;*/
/*max-height: 310px;*/
height: 330px;
max-height: 330px;
height: 340px;
max-height: 340px;
padding-left: 10px !important;
padding-right: 10px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
/*height: 300px !important;*/
/*max-height: 300px !important;*/
height: 318px !important;
max-height: 318px !important;
margin-top: 4px !important;
}
#appMenu-multiView box.panel-viewstack:first-child {
/* Use the whole space in the menu, instead of slowly increasing the
@ -55,7 +58,7 @@
#appMenu-fullscreen-button2,
#appMenu-passwords-button, /* accessible from settings */
/*#appMenu-extensions-themes-button, /* accessible from settings */
#appMenu-bookmarks-button, /* submenu */
/*#appMenu-bookmarks-button, /* submenu */
/*#appMenu-history-button, /* submenu */
/*#appMenu-more-button2, /* submenu */
/*#appMenu-help-button2, /* submenu */

View file

@ -0,0 +1,12 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Tab color */
.tab-background {
background-color: transparent !important;
}
/* Tab border */
.tab-background[selected] {
border: 0 transparent !important;
}

View file

@ -0,0 +1,79 @@
/* Copyright 2022 plata
* SPDX-License-Identifier: MPL-2.0 */
@media (max-width: 700px) {
/* Move navigation bar to bottom */
#browser {
-moz-box-ordinal-group: 0 !important; /* before FF 113 */
order: -1 !important; /* since FF 113 */
}
/* Hide navigation bar in kiosk mode (to prevent bug #29). We can assume FF
* is in kiosk mode when fullscreen and max-width conditions are met,
* because at this max-width the fullscreen button is hidden
* (see appMenu.css). */
#nav-bar[inFullscreen],
#TabsToolbar[inFullscreen] {
display: none;
}
/* Hide minimize/maximize/close buttons */
.titlebar-buttonbox-container {
display: none;
}
/* https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbars_below_content.css */
#TabsToolbar > .titlebar-buttonbox-container {
display: none;
}
/* Fix panels sizing */
.panel-viewstack {
max-height: unset !important;
}
/* Density variables */
:root:not([uidensity="touch"]) {
--widget-overflow-margin: 66px;
--unified-extensions-panel-margin: 66px;
--customizationui-widget-panel-margin: 66px;
--appMenu-popup-margin: 66px;
--BMB_bookmarksPopup-margin: 66px;
}
:root[uidensity="touch"] {
--widget-overflow-margin: 72px;
--unified-extensions-panel-margin: 72px;
--customizationui-widget-panel-margin: 72px;
--appMenu-popup-margin: 72px;
--BMB_bookmarksPopup-margin: 72px;
}
/* Adjust Widget Overflow Menu (») spawn height */
#widget-overflow {
margin-bottom: var(--widget-overflow-margin) !important;
}
/* Adjust Unified Extensions Menu spawn height */
#unified-extensions-panel {
margin-bottom: var(--unified-extensions-panel-margin) !important;
}
/* Adjust Tab Manager Menu spawn height */
#customizationui-widget-panel {
margin-bottom: var(--customizationui-widget-panel-margin) !important;
}
/* Adjust Main App Menu (≡) spawn height */
#appMenu-popup {
margin-bottom: var(--appMenu-popup-margin) !important;
}
/* Adjust Bookmarks Menu (★) spawn height */
#BMB_bookmarksPopup {
margin-bottom: var(--BMB_bookmarksPopup-margin) !important;
}
}

View file

@ -0,0 +1,31 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Inactive tab color */
.tabbrowser-tab:not(:hover,[pinned], [selected]) > .tab-stack > .tab-background {
background-color: var(--lwt-selected-tab-background-color) !important;
}
/* Inactive tab color on hover */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected]) {
background-color: var(--lwt-accent-color-inactive) !important;
}
/* Inactive pinned tab icon color */
.tab-icon-image[pinned]:not([selected]) {
color: var(--lwt-accent-color) !important;
}
/* Inactive tab text and close button (x) color */
.tab-text:not([pinned]):not([selected]),
.tab-icon-image:not([pinned]):not([selected]),
.tab-close-button:not([pinned]):not([selected]) {
color: var(--lwt-text-color) !important;
}
/* Inactive tab text and close button (x) color on hover */
.tabbrowser-tab:not([selected]):hover .tab-text,
.tabbrowser-tab:not([selected]):hover .tab-icon-image,
.tabbrowser-tab:not([selected]):hover .tab-close-button {
color: var(--lwt-accent-color) !important;
}

View file

@ -1,50 +1,5 @@
/* custom rules */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Remove Tab Manager button
(overridden by tab_counter.css) */
#alltabs-button {
display: none !important;
}
/* Remove tab overflow indicators */
spacer[part=overflow-start-indicator],
spacer[part=overflow-end-indicator] {
display: none !important;
}
/* Remove spacers on left and right of main tab view */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0px !important;
}
.titlebar-spacer[type="post-tabs"] {
display: none !important;
}
/* Remove items from urlbar */
#tracking-protection-icon-container,
#identity-permission-box,
#userContext-indicator,
#page-action-buttons {
display: none !important;
}
/* Urlbar font resizing */
#urlbar-input {
font-size: 10pt !important;
}
#urlbar[focused] #urlbar-input {
font-size: calc(var(--urlbar-height) - 9px) !important;
}
/* Hide Inactive tab close button (x)
to prevent accidentally closing tabs when selecting them */
.tab-close-button:not([selected]),
.tabbrowser-tab:not([selected]):hover .tab-close-button {
visibility: hidden !important;
}
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Disable tab loading burst
(because it's annoying) */
@ -71,4 +26,59 @@
border-bottom-color: black !important;
}
/* Resist Fingerprinting Letterbox background color */
:root {
--tabpanel-background-color: black !important;
}
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Remove Fullscreen popup */
.pointerlockfswarning {
display: none !important;
}
/* Remove tab overflow indicators */
spacer[part=overflow-start-indicator],
spacer[part=overflow-end-indicator] {
display: none !important;
}
/* Remove spacers on left and right of main tab view */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0px !important;
}
.titlebar-spacer[type="post-tabs"] {
display: none !important;
}
/* Remove items from URL Bar */
#tracking-protection-icon-container,
#identity-permission-box,
#userContext-indicator,
/*#page-action-buttons,*/
#pageActionButton {
display: none !important;
}
/* URL Bar font resizing */
#urlbar-input {
font-size: 10pt !important;
}
#urlbar[focused] #urlbar-input {
font-size: calc(var(--urlbar-height) - 9px) !important;
}
/* Hide inactive tab close button (x)
to prevent accidentally closing tabs when selecting them */
.tab-close-button:not([selected]),
.tabbrowser-tab:not([selected]):hover .tab-close-button {
visibility: hidden !important;
}
}

View file

@ -0,0 +1,86 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--unified-extensions-panel-padding: 112px;
--customizationui-widget-panel-padding: 112px;
}
:root[uidensity="touch"] {
--unified-extensions-panel-padding: 110px;
--customizationui-widget-panel-padding: 110px;
}
/* Dynamically expand popups */
#unified-extensions-view {
height: calc(100vh - 171px) !important;
max-height: calc(100vh - 171px) !important;
}
#customizationui-widget-multiview box.panel-viewstack {
height: calc(100vh - 165px) !important;
max-height: calc(100vh - 165px) !important;
}
#appMenu-popup,
#appMenu-protonMainView vbox.panel-subview-body {
margin-top: 0 !important;
height: calc(100vh - 107px) !important;
max-height: calc(100vh - 107px) !important;
}
/* Adjust Unified Extensions Menu and Tab Manager Menu to fill screen width */
#unified-extensions-panel,
#customizationui-widget-panel {
padding: 0 !important;
}
#customizationui-widget-multiview {
width: 100vw !important;
}
#allTabsMenu-allTabsView-tabs {
max-width: calc(100vw - 10px) !important;
}
#unified-extensions-view,
#allTabsMenu-containerTabsButton,
.all-tabs-item {
width: calc(100vw - 10px) !important;
}
/* Adjust Unified Extensions Menu spawn height */
#unified-extensions-panel {
margin-bottom: 6px !important;
padding-top: var(--unified-extensions-panel-padding) !important;
}
/* Adjust Tab Manager Menu spawn height */
#customizationui-widget-panel {
margin-bottom: 6px !important;
padding-top: var(--customizationui-widget-panel-padding) !important;
}
/* Blend panels into background */
#unified-extensions-panel,
#customizationui-widget-panel {
background-color: black !important;
}
/* Allow extensions to use full popup */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: 100vw !important;
min-width: 100vw !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 350px !important;
}
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 300px !important;
}
}

View file

@ -0,0 +1,88 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--unified-extensions-view-height: calc(100vh - 57px);
--customizationui-widget-height: calc(100vh - 51px);
--unified-extensions-panel-margin: 5px;
--customizationui-widget-panel-margin: 5px;
}
:root[uidensity="touch"] {
--unified-extensions-view-height: calc(100vh - 61px);
--customizationui-widget-height: calc(100vh - 55px);
--unified-extensions-panel-margin: 6px;
--customizationui-widget-panel-margin: 6px;
}
/* Dynamically expand popups */
#unified-extensions-view {
height: var(--unified-extensions-view-height) !important;
max-height: var(--unified-extensions-view-height) !important;
}
#customizationui-widget-multiview box.panel-viewstack {
height: var(--customizationui-widget-height) !important;
max-height: var(--customizationui-widget-height) !important;
}
#appMenu-popup,
#appMenu-protonMainView vbox.panel-subview-body {
margin-top: 0 !important;
height: calc(100vh - 107px) !important;
max-height: calc(100vh - 107px) !important;
}
/* Adjust Unified Extensions Menu and Tab Manager Menu to fill screen width */
#unified-extensions-panel,
#customizationui-widget-panel {
padding: 0 !important;
}
#customizationui-widget-multiview {
width: 100vw !important;
}
#allTabsMenu-allTabsView-tabs {
max-width: calc(100vw - 10px) !important;
}
#unified-extensions-view,
#allTabsMenu-containerTabsButton,
.all-tabs-item {
width: calc(100vw - 10px) !important;
}
/* Adjust Unified Extensions Menu spawn height */
#unified-extensions-panel {
margin-bottom: var(--unified-extensions-panel-margin) !important;
}
/* Adjust Tab Manager Menu spawn height */
#customizationui-widget-panel {
margin-bottom: var(--customizationui-widget-panel-margin) !important;
}
/* Blend panels into background */
#unified-extensions-panel,
#customizationui-widget-panel {
background-color: black !important;
}
/* Allow extensions to use full popup */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: 100vw !important;
min-width: 100vw !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 370px !important;
}
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 300px !important;
}
}

View file

@ -0,0 +1,71 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--unified-extensions-panel-padding: 25px;
--customizationui-widget-panel-padding: 25px;
}
:root[uidensity="touch"] {
--unified-extensions-panel-padding: 22px;
--customizationui-widget-panel-padding: 22px;
}
/* Dynamically expand popups */
#unified-extensions-view {
height: calc(100vh - 100px) !important;
max-height: calc(100vh - 100px) !important;
}
#customizationui-widget-multiview box.panel-viewstack {
height: calc(100vh - 95px) !important;
max-height: calc(100vh - 95px) !important;
}
#appMenu-popup,
#appMenu-protonMainView vbox.panel-subview-body {
margin-top: 0 !important;
height: calc(100vh - 107px) !important;
max-height: calc(100vh - 107px) !important;
}
/* Adjust Unified Extensions Menu spawn height */
#unified-extensions-panel {
margin-bottom: 6px !important;
padding-top: var(--unified-extensions-panel-padding) !important;
padding-bottom: 17px !important;
}
/* Adjust Tab Manager Menu spawn height */
#customizationui-widget-panel {
margin-bottom: 6px !important;
padding-top: var(--customizationui-widget-panel-padding) !important;
padding-bottom: 17px !important;
}
/* Blend panels into background */
#unified-extensions-panel,
#customizationui-widget-panel {
background-color: black !important;
}
/* Allow extensions to use full popup */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: calc(100vw - 20px) !important;
min-width: calc(100vw - 20px) !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 350px !important;
}
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 300px !important;
}
}

View file

@ -0,0 +1,83 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Dynamically expand popups */
#unified-extensions-view {
height: calc(100vh - 171px) !important;
max-height: calc(100vh - 171px) !important;
}
#customizationui-widget-multiview box.panel-viewstack {
height: calc(100vh - 165px) !important;
max-height: calc(100vh - 165px) !important;
}
#appMenu-popup,
#appMenu-protonMainView vbox.panel-subview-body {
margin-top: 0 !important;
height: calc(100vh - 107px) !important;
max-height: calc(100vh - 107px) !important;
}
/* Adjust Unified Extensions Menu and Tab Manager Menu to fill screen width */
#unified-extensions-panel,
#customizationui-widget-panel {
padding: 0 !important;
}
#customizationui-widget-multiview {
width: 100vw !important;
}
#allTabsMenu-allTabsView-tabs {
max-width: calc(100vw - 10px) !important;
}
#unified-extensions-view,
#allTabsMenu-containerTabsButton,
.all-tabs-item {
width: calc(100vw - 10px) !important;
}
/* Adjust Unified Extensions Menu spawn height */
#unified-extensions-panel {
margin-bottom: 6px !important;
}
/* Adjust Tab Manager Menu spawn height */
#customizationui-widget-panel {
margin-bottom: 6px !important;
}
/* Blend panels with views */
panel {
--panel-background: none !important;
--panel-shadow: none !important;
}
#unified-extensions-panel {
background-color: var(--arrowpanel-background) !important;
}
#customizationui-widget-panel {
/* Default color: */
/*background-color: var(--arrowpanel-background) !important;*/
/* Fenix color: */
background-color: var(--toolbar-bgcolor) !important;
}
/* Allow extensions to use full popup */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: 100vw !important;
min-width: 100vw !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 350px !important;
}
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 300px !important;
}
}

View file

@ -0,0 +1,97 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--unified-extensions-view-height: calc(100vh - 57px);
--customizationui-widget-height: calc(100vh - 51px);
--unified-extensions-panel-margin: 5px;
--customizationui-widget-panel-margin: 5px;
}
:root[uidensity="touch"] {
--unified-extensions-view-height: calc(100vh - 61px);
--customizationui-widget-height: calc(100vh - 55px);
--unified-extensions-panel-margin: 6px;
--customizationui-widget-panel-margin: 6px;
}
/* Dynamically expand popups */
#unified-extensions-view {
height: var(--unified-extensions-view-height) !important;
max-height: var(--unified-extensions-view-height) !important;
}
#customizationui-widget-multiview box.panel-viewstack {
height: var(--customizationui-widget-height) !important;
max-height: var(--customizationui-widget-height) !important;
}
#appMenu-popup,
#appMenu-protonMainView vbox.panel-subview-body {
margin-top: 0 !important;
height: calc(100vh - 107px) !important;
max-height: calc(100vh - 107px) !important;
}
/* Adjust Unified Extensions Menu and Tab Manager Menu to fill screen width */
#unified-extensions-panel,
#customizationui-widget-panel {
padding: 0 !important;
}
#customizationui-widget-multiview {
width: 100vw !important;
}
#allTabsMenu-allTabsView-tabs {
max-width: calc(100vw - 10px) !important;
}
#unified-extensions-view,
#allTabsMenu-containerTabsButton,
.all-tabs-item {
width: calc(100vw - 10px) !important;
}
/* Adjust Unified Extensions Menu spawn height */
#unified-extensions-panel {
margin-bottom: var(--unified-extensions-panel-margin) !important;
}
/* Adjust Tab Manager Menu spawn height */
#customizationui-widget-panel {
margin-bottom: var(--customizationui-widget-panel-margin) !important;
}
/* Blend panels with views */
panel {
--panel-background: none !important;
--panel-shadow: none !important;
}
#unified-extensions-panel {
background-color: var(--arrowpanel-background) !important;
}
#customizationui-widget-panel {
/* Default color: */
/*background-color: var(--arrowpanel-background) !important;*/
/* Fenix color: */
background-color: var(--toolbar-bgcolor) !important;
}
/* Allow extensions to use full popup */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: 100vw !important;
min-width: 100vw !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 370px !important;
}
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 300px !important;
}
}

View file

@ -9,10 +9,16 @@
* testing. */
#editBookmarkPanel {
margin-top: -390px !important;
/*margin-top: -390px !important;
height: 200px;
max-height: 200px;
max-width: calc(100vw - 100px);
max-width: calc(100vw - 100px);*/
background-color: var(--arrowpanel-background) !important;
margin-bottom: 225px !important;
max-height: 100vh !important;
max-width: 100vw !important;
width: 100vw !important;
}
#editBookmarkPanel box.panel-header,
@ -21,9 +27,11 @@
}
#editBookmarkPanelContent {
max-width: 250px !important;
/*max-width: 250px !important;
width: 250px !important;
padding-right: 20px;
padding-right: 20px;*/
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Hide the screenshot and the line below it. The page is right there when
@ -44,10 +52,12 @@
}
#editBookmarkPanelBottomButtons {
width: 250px !important;
/*width: 250px !important;
min-width: 250px !important;
padding: 0px !important;
justify-content: flex-start !important;
margin: 0px 0px 20px 0px !important;
margin: 0px 0px 20px 0px !important;*/
margin-top: -5px !important;
margin-left: -50px !important;
}
}

View file

@ -0,0 +1,44 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Remove header, separators, and manage-extensions button */
#unified-extensions-panel .panel-header,
#unified-extensions-panel toolbarseparator,
#unified-extensions-manage-extensions {
display: none !important;
}
/* Adjust button padding and font size for secondary text */
#unified-extensions-panel .subviewbutton {
padding: 6px !important;
}
.unified-extensions-item-message {
font-size: 75% !important;
}
/* Fix flickering */
#unified-extensions-panel {
--uei-icon-size: 20px;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100vw !important;
}
#unified-extensions-view {
margin-top: 6px !important;
height: 325px !important;
max-height: 325px !important;
width: calc(100vw - 30px) !important;
}
/* Allow extensions to use full popup */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: calc(100vw - 20px) !important;
min-width: calc(100vw - 20px) !important;
}
}

View file

@ -0,0 +1,364 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Main App Menu (≡) item icons */
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image {
fill: currentColor;
-moz-context-properties: fill;
margin-inline: 0 20px !important;
}
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
display: flex;
content: "";
width: 16px;
height: 16px;
}
#appMenu-new-tab-button2 {
order: 1 !important;
list-style-image: url("chrome://global/skin/icons/plus.svg");
}
#appMenu-bookmarks-button {
order: 2 !important;
list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
}
#appMenu-history-button {
order: 3 !important;
list-style-image: url("chrome://browser/skin/history.svg");
}
#appMenu-downloads-button {
order: 4 !important;
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
}
#appMenu-extensions-themes-button {
order: 5 !important;
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
#appMenu-passwords-button {
order: 6 !important;
list-style-image: url("chrome://browser/skin/login.svg");
}
#appMenu-find-button2 {
order: 7 !important;
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-zoom-controls {
order: 8 !important;
}
#appMenu-zoom-controls::before {
background-image: url("chrome://browser/skin/fullscreen.svg");
}
#appMenu-new-window-button2 {
order: 9 !important;
list-style-image: url("chrome://browser/skin/window.svg");
}
#appMenu-new-private-window-button2 {
order: 10 !important;
list-style-image: url("chrome://browser/skin/privateBrowsing.svg");
}
#appMenu-save-file-button2 {
order: 11 !important;
list-style-image: url("chrome://browser/skin/save.svg");
}
#appMenu-print-button2 {
order: 12 !important;
list-style-image: url("chrome://global/skin/icons/print.svg");
}
#appMenu-help-button2 {
order: 13 !important;
list-style-image: url("chrome://global/skin/icons/help.svg");
}
#appMenu-more-button2 {
order: 14 !important;
list-style-image: url("chrome://global/skin/icons/developer.svg");
}
#appMenu-settings-button {
order: 15 !important;
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
#appMenu-quit-button2 {
order: 16 !important;
list-style-image: url("chrome://devtools/skin/images/search-clear.svg");
}
/* Use account-button icon for signed in sync item */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
background-image: var(--avatar-image-url)
}
/* Apply this customization only on smaller screens in landscape mode */
@media (max-height: 300px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--urlbar-width: calc(100vw - 188.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--urlbar-width: calc(100vw - 196.5px);
}
/* Change Main App Menu (≡) button to its mobile equivalent (⋮) */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
margin-right: -10px !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack {
position: relative !important;
width: 75% !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack::before {
content: "⋮";
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.9 );
left: 50%;
transform: translateX(-50%);
font-size: 18px !important;
font-weight: bold !important;
}
/* Find Bar */
input.findbar-textbox {
font-size: 12pt !important;
}
/* Tab Manager Menu inspired by Firefox for Android */
#allTabsMenu-containerTabsButton {
border-radius: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100vw - 207px) !important;
}
.all-tabs-item {
border-radius: 0 !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(100vw - 207px) !important;
}
.all-tabs-close-button {
border-radius: 100% !important;
margin-left: calc(var(--urlbar-min-height) * -0.6 ) !important;
margin-right: calc(var(--urlbar-min-height) * -0.6 ) !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(var(--urlbar-min-height) * 2.25 ) !important;
}
.all-tabs-close-button > .toolbarbutton-icon {
margin-left: calc(var(--urlbar-min-height) * 0.625 ) !important;
height: calc(var(--urlbar-min-height) * 0.5 ) !important;
width: calc(var(--urlbar-min-height) * 0.5 ) !important;
}
/* Tab Manager Menu button inspired by Firefox for Android */
#alltabs-button > .toolbarbutton-badge-stack::before {
border: 1px solid var(--toolbarbutton-icon-fill);
border-radius: 2px;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.85 ) !important;
padding: 0 5px 0 5px;
font-size: 8px !important;
font-weight: 600 !important;
font-family: "Noto Sans" !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
top: var(--alltabs-button-position) !important;
right: 28.5px;
z-index: 2 !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* URL Bar */
#urlbar {
width: var(--urlbar-width) !important;
}
#urlbar,
#searchbar,
#urlbar-input,
#urlbar-input-container,
#urlbar-background {
border-radius: 7px !important;
}
/* Change Unified Extensions Menu button icon to Home button icon */
#unified-extensions-button {
list-style-image: url("chrome://browser/skin/home.svg") !important;
}
}
/* Apply this customization only on smaller screens in portait mode */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 4px;
--urlbar-width: calc(100vw - 110.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 5px;
--urlbar-width: calc(100vw - 114.5px);
}
/* Main App Menu (≡) */
#appMenu-popup {
width: 260px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
padding-top: 8px !important;
width: 230px !important;
}
/* Change Main App Menu (≡) button to its mobile equivalent (⋮) */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
margin-right: -10px !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack {
position: relative !important;
width: 75% !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack::before {
content: "⋮";
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.9 );
left: 50%;
transform: translateX(-50%);
font-size: 18px !important;
font-weight: bold !important;
}
/* Hide Back button, Tab Bar, and Private Browsing Indicator */
#back-button,
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Find Bar */
input.findbar-textbox {
font-size: 12pt !important;
}
/* Tab Manager Menu inspired by Firefox for Android */
#allTabsMenu-containerTabsButton {
border-radius: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100vw - 30px) !important;
}
.all-tabs-item {
border-radius: 0 !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(100vw - 30px) !important;
}
.all-tabs-close-button {
border-radius: 100% !important;
margin-left: calc(var(--urlbar-min-height) * -0.6 ) !important;
margin-right: calc(var(--urlbar-min-height) * -0.6 ) !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(var(--urlbar-min-height) * 2.25 ) !important;
}
.all-tabs-close-button > .toolbarbutton-icon {
margin-left: calc(var(--urlbar-min-height) * 0.625 ) !important;
height: calc(var(--urlbar-min-height) * 0.5 ) !important;
width: calc(var(--urlbar-min-height) * 0.5 ) !important;
}
/* Tab Manager Menu button inspired by Firefox for Android */
#alltabs-button > .toolbarbutton-badge-stack::before {
border: 1px solid var(--toolbarbutton-icon-fill);
border-radius: 2px;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.85 ) !important;
padding: 0 5px 0 5px;
font-size: 9px !important;
font-weight: 600 !important;
}
/* Move Tab Manager Menu button to right of urlbar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
top: var(--alltabs-button-position) !important;
right: 28.5px;
z-index: 2 !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* URL Bar */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
#urlbar,
#searchbar,
#urlbar-input,
#urlbar-input-container,
#urlbar-background {
border-radius: 7px !important;
}
/* Change Unified Extensions Menu button icon to Home button icon */
#unified-extensions-button {
list-style-image: url("chrome://browser/skin/home.svg") !important;
}
}

364
src/userChrome/fenix.css Normal file
View file

@ -0,0 +1,364 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Main App Menu (≡) item icons */
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image {
fill: currentColor;
-moz-context-properties: fill;
margin-inline: 0 20px !important;
}
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
display: flex;
content: "";
width: 16px;
height: 16px;
}
#appMenu-new-tab-button2 {
order: 1 !important;
list-style-image: url("chrome://global/skin/icons/plus.svg");
}
#appMenu-bookmarks-button {
order: 2 !important;
list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
}
#appMenu-history-button {
order: 3 !important;
list-style-image: url("chrome://browser/skin/history.svg");
}
#appMenu-downloads-button {
order: 4 !important;
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
}
#appMenu-extensions-themes-button {
order: 5 !important;
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
#appMenu-passwords-button {
order: 6 !important;
list-style-image: url("chrome://browser/skin/login.svg");
}
#appMenu-find-button2 {
order: 7 !important;
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-zoom-controls {
order: 8 !important;
}
#appMenu-zoom-controls::before {
background-image: url("chrome://browser/skin/fullscreen.svg");
}
#appMenu-new-window-button2 {
order: 9 !important;
list-style-image: url("chrome://browser/skin/window.svg");
}
#appMenu-new-private-window-button2 {
order: 10 !important;
list-style-image: url("chrome://browser/skin/privateBrowsing.svg");
}
#appMenu-save-file-button2 {
order: 11 !important;
list-style-image: url("chrome://browser/skin/save.svg");
}
#appMenu-print-button2 {
order: 12 !important;
list-style-image: url("chrome://global/skin/icons/print.svg");
}
#appMenu-help-button2 {
order: 13 !important;
list-style-image: url("chrome://global/skin/icons/help.svg");
}
#appMenu-more-button2 {
order: 14 !important;
list-style-image: url("chrome://global/skin/icons/developer.svg");
}
#appMenu-settings-button {
order: 15 !important;
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
#appMenu-quit-button2 {
order: 16 !important;
list-style-image: url("chrome://devtools/skin/images/search-clear.svg");
}
/* Use account-button icon for signed in sync item */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
background-image: var(--avatar-image-url)
}
/* Apply this customization only on smaller screens in landscape mode */
@media (max-height: 300px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--urlbar-width: calc(100vw - 188.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--urlbar-width: calc(100vw - 196.5px);
}
/* Change Main App Menu (≡) button to its mobile equivalent (⋮) */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
margin-right: -10px !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack {
position: relative !important;
width: 75% !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack::before {
content: "⋮";
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.9 );
left: 50%;
transform: translateX(-50%);
font-size: 18px !important;
font-weight: bold !important;
}
/* Find Bar */
input.findbar-textbox {
font-size: 12pt !important;
}
/* Tab Manager Menu inspired by Firefox for Android */
#allTabsMenu-containerTabsButton {
border-radius: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100vw - 207px) !important;
}
.all-tabs-item {
border-radius: 0 !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(100vw - 207px) !important;
}
.all-tabs-close-button {
border-radius: 100% !important;
margin-left: calc(var(--urlbar-min-height) * -0.6 ) !important;
margin-right: calc(var(--urlbar-min-height) * -0.6 ) !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(var(--urlbar-min-height) * 2.25 ) !important;
}
.all-tabs-close-button > .toolbarbutton-icon {
margin-left: calc(var(--urlbar-min-height) * 0.625 ) !important;
height: calc(var(--urlbar-min-height) * 0.5 ) !important;
width: calc(var(--urlbar-min-height) * 0.5 ) !important;
}
/* Tab Manager Menu button inspired by Firefox for Android */
#alltabs-button > .toolbarbutton-badge-stack::before {
border: 1px solid var(--toolbarbutton-icon-fill);
border-radius: 2px;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.85 ) !important;
padding: 0 5px 0 5px;
font-size: 8px !important;
font-weight: 600 !important;
font-family: "Noto Sans" !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
bottom: var(--alltabs-button-position) !important;
right: 28.5px;
z-index: 2 !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* URL Bar */
#urlbar {
width: var(--urlbar-width) !important;
}
#urlbar,
#searchbar,
#urlbar-input,
#urlbar-input-container,
#urlbar-background {
border-radius: 7px !important;
}
/* Change Unified Extensions Menu button icon to Home button icon */
#unified-extensions-button {
list-style-image: url("chrome://browser/skin/home.svg") !important;
}
}
/* Apply this customization only on smaller screens in portait mode */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 3.5px;
--urlbar-width: calc(100vw - 110.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 4.5px;
--urlbar-width: calc(100vw - 114.5px);
}
/* Main App Menu (≡) */
#appMenu-popup {
width: 260px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
padding-top: 8px !important;
width: 230px !important;
}
/* Change Main App Menu (≡) button to its mobile equivalent (⋮) */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
margin-right: -10px !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack {
position: relative !important;
width: 75% !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack::before {
content: "⋮";
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.9 );
left: 50%;
transform: translateX(-50%);
font-size: 18px !important;
font-weight: bold !important;
}
/* Hide Back button, Tab Bar, and Private Browsing Indicator */
#back-button,
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Find Bar */
input.findbar-textbox {
font-size: 12pt !important;
}
/* Tab Manager Menu inspired by Firefox for Android */
#allTabsMenu-containerTabsButton {
border-radius: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100vw - 30px) !important;
}
.all-tabs-item {
border-radius: 0 !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(100vw - 30px) !important;
}
.all-tabs-close-button {
border-radius: 100% !important;
margin-left: calc(var(--urlbar-min-height) * -0.6 ) !important;
margin-right: calc(var(--urlbar-min-height) * -0.6 ) !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(var(--urlbar-min-height) * 2.25 ) !important;
}
.all-tabs-close-button > .toolbarbutton-icon {
margin-left: calc(var(--urlbar-min-height) * 0.625 ) !important;
height: calc(var(--urlbar-min-height) * 0.5 ) !important;
width: calc(var(--urlbar-min-height) * 0.5 ) !important;
}
/* Tab Manager Menu button inspired by Firefox for Android */
#alltabs-button > .toolbarbutton-badge-stack::before {
border: 1px solid var(--toolbarbutton-icon-fill);
border-radius: 2px;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.85 ) !important;
padding: 0 5px 0 5px;
font-size: 9px !important;
font-weight: 600 !important;
}
/* Move Tab Manager Menu button to right of urlbar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
bottom: var(--alltabs-button-position) !important;
right: 28.5px;
z-index: 2 !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* URL Bar */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
#urlbar,
#searchbar,
#urlbar-input,
#urlbar-input-container,
#urlbar-background {
border-radius: 7px !important;
}
/* Change Unified Extensions Menu button icon to Home button icon */
#unified-extensions-button {
list-style-image: url("chrome://browser/skin/home.svg") !important;
}
}

View file

@ -0,0 +1,242 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/color_variable_template.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
:root {
/* Popup panels */
--arrowpanel-background: rgb(41,29,79) !important;
--arrowpanel-border-color: transparent !important;
--arrowpanel-color: white !important;
--arrowpanel-dimmed: rgb(97,84,124) !important;
--arrowpanel-dimmed-further: rgb(66,50,98) !important;
--panel-background: rgb(41,29,79) !important;
--panel-border-color: transparent !important;
--panel-color: white !important;
--panel-separator-color: transparent !important;
--panel-item-hover-bgcolor: rgba(255,255,255,0.2) !important;
--panel-item-active-bgcolor: rgba(255,255,255,0.2) !important;
--panel-banner-item-background-color: rgb(117,66,228) !important;
--panel-banner-item-hover-bgcolor: rgb(69,68,76) !important;
--panel-banner-item-active-bgcolor: rgb(69,68,76) !important;
--panel-banner-item-update-supported-bgcolor: rgb(117,66,228) !important;
--panel-banner-item-info-icon-bgcolor: rgb(117,66,228) !important;
--panel-banner-item-color: white !important;
--panel-description-color: white !important;
--panel-disabled-color: gray !important;
--menuitem-disabled-hover-background-color: transparent !important;
/* window and toolbar background */
--lwt-accent-color: rgb(117,66,228) !important;
--lwt-accent-color-inactive: rgba(117,66,228,0.3) !important;
--toolbar-non-lwt-bgcolor: rgb(41,29,79) !important;
--toolbar-non-lwt-textcolor: white !important;
--toolbar-bgcolor: rgb(43,42,51) !important;
--toolbar-color: rgb(171,113,255) !important;
--tabpanel-background-color: black !important;
/* tabs with system theme - text is not controlled by variable */
--tab-selected-bgcolor: rgb(117,66,228) !important;
/* tabs with any other theme */
--lwt-text-color: white !important;
--lwt-selected-tab-background-color: rgb(117,66,228) !important;
/* toolbar area */
--toolbarbutton-icon-fill: white !important;
--toolbarbutton-icon-fill-attention: white !important;
--toolbarbutton-hover-background: rgba(255,255,255,0.2) !important;
--toolbarbutton-active-background: rgba(255,255,255,0.2) !important;
--lwt-toolbarbutton-icon-fill-attention: white !important;
--lwt-toolbarbutton-hover-background: rgba(255,255,255,0.2) !important;
--lwt-toolbarbutton-active-background: rgba(255,255,255,0.2) !important;
--toolbarseparator-color: black !important;
/* urlbar */
--toolbar-field-border-color: rgb(28,27,34) !important;
--toolbar-field-focus-border-color: rgb(28,27,34) !important;
--urlbar-popup-url-color: white !important;
--urlbar-box-bgcolor: var(--button-bgcolor);
--urlbar-box-focus-bgcolor: var(--button-bgcolor);
--urlbar-box-hover-bgcolor: var(--button-hover-bgcolor);
--urlbar-box-active-bgcolor: var(--button-active-bgcolor);
--urlbar-box-text-color: inherit;
--urlbar-box-hover-text-color: var(--urlbar-box-text-color);
--lwt-brighttext-url-color: #00ddff;
/* urlbar Firefox < 92 */
--lwt-toolbar-field-background-color: rgb(28,27,34) !important;
--lwt-toolbar-field-focus: white !important;
--lwt-toolbar-field-color: white !important;
--lwt-toolbar-field-focus-color: white !important;
/* urlbar Firefox 92+ */
--toolbar-field-background-color: rgb(28,27,34) !important;
--toolbar-field-focus-background-color: rgb(28,27,34) !important;
--toolbar-field-icon-fill-attention: rgb(117,66,228) !important;
--toolbar-field-color: white !important;
--toolbar-field-focus-color: white !important;
/* sidebar - note the sidebar-box rule for the header-area */
--lwt-sidebar-background-color: rgb(41,29,79) !important;
--lwt-sidebar-text-color: white !important;
/* findbar */
--focus-outline-color: rgb(117,66,228) !important;
--input-border-color: rgb(117,66,228) !important;
/* buttons and checkboxes */
--button-bgcolor: rgb(117,66,228) !important;
--button-color: white !important;
--button-hover-bgcolor: rgb(144,89,255) !important;
--button-active-bgcolor: rgb(144,89,255) !important;
--button-primary-bgcolor: rgb(117,66,228) !important;
--button-primary-hover-bgcolor: rgb(144,89,255) !important;
--button-primary-active-bgcolor: rgb(144,89,255) !important;
--button-primary-color: white !important;
--in-content-primary-button-background: rgb(117,66,228) !important;
--in-content-primary-button-background-hover: rgb(144,89,255) !important;
--in-content-primary-button-background-active: rgb(144,89,255) !important;
--buttons-destructive-bgcolor: #e22850;
--buttons-destructive-hover-bgcolor: #c50042;
--buttons-destructive-active-bgcolor: #810220;
--buttons-destructive-color: #fbfbfe;
--checkbox-unchecked-bgcolor: rgb(41,29,79) !important;
--checkbox-unchecked-hover-bgcolor: rgb(144,89,255) !important;
--checkbox-unchecked-active-bgcolor: rgb(144,89,255) !important;
--checkbox-checked-border-color: rgb(117,66,228) !important;
--checkbox-checked-bgcolor: rgb(117,66,228) !important;
--checkbox-checked-color: white !important;
--checkbox-checked-hover-bgcolor: rgba(144,89,255) !important;
--checkbox-checked-active-bgcolor: rgba(144,89,255) !important;
--uc-checkbox-checked-bgcolor: rgb(117,66,228) !important;
/* icon glow */
--uc-icon-glow-primary: rgb(117,66,228);
--uc-icon-glow-secondary: white;
--uc-icon-glow-hover-primary: rgb(117,66,228);
--uc-icon-glow-hover-secondary: white;
}
/* line between nav-bar and tabs toolbar,
also fallback color for border around selected tab */
#navigator-toolbox {
--lwt-tabs-border-color: rgb(65,64,72) !important;
}
/* Line above tabs */
#tabbrowser-tabs {
--lwt-tab-line-color: none !important;
}
/* the header-area of sidebar needs this to work */
#sidebar-box {
--sidebar-background-color: rgb(41,29,79) !important;
}
/* Find Bar */
.findbar-find-previous,
.findbar-find-next,
input.findbar-textbox,
findbar {
border: none !important;
box-shadow: none !important;
background-color: var(--arrowpanel-background) !important;
color: var(--toolbar-field-color) !important;
}
/* Context Menus */
menupopup {
--panel-background: rgb(41,29,79) !important;
--panel-border-color: transparent !important;
--panel-color: white !important;
--panel-separator-color: transparent !important;
}
menuseparator {
display: none !important;
}
menu:hover,
menuitem:hover {
background-color: var(--panel-item-hover-bgcolor) !important;
color: var(--panel-color) !important;
}
/* Menu popup shadow */
.menupopup-arrowscrollbox {
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2),
0 8px 10px 1px rgba(0,0,0,0.14),
0 3px 14px 2px rgba(0,0,0,0.12) !important;
}
/* "Saved to Library!" popup notification */
#confirmation-hint {
--panel-background: var(--lwt-accent-color) !important;
--panel-border-color: var(--lwt-accent-color) !important;
--panel-color: var(--lwt-text-color) !important;
}
/* "Confirm before closing multiple tabs" popup checkboxes and dialog buttons */
.checkbox-check {
background-color: var(--buttons-destructive-bgcolor) !important;
color: var(--buttons-destructive-color) !important;
}
.dialog-button-box > button:nth-child(6) {
background-color: var(--buttons-destructive-bgcolor) !important;
color: var(--buttons-destructive-color) !important;
}
/* Main App Menu (≡), Tab Manager Menu, and Unified Extensions Menu */
panel {
--panel-background: black !important;
--panel-shadow: none !important;
}
.panel-viewstack {
background-color: var(--arrowpanel-background) !important;
border-color: var(--arrowpanel-background) !important;
}
/* Tab Manager Menu */
#allTabsMenu-allTabsView-tabs,
#allTabsMenu-allTabsView,
#allTabsMenu-containerTabsView {
background-color: var(--toolbar-bgcolor) !important;
}
#allTabsMenu-containerTabsButton,
#allTabsMenu-containerTabsView > .panel-header {
color: var(--toolbar-color) !important;
}
#allTabsMenu-containerTabsButton:hover {
background-color: var(--panel-banner-item-hover-bgcolor) !important;
}
.all-tabs-item[selected] {
background-color: var(--arrowpanel-dimmed-further) !important;
}
.all-tabs-item:hover[selected] {
--panel-item-active-bgcolor: transparent !important;
--panel-item-hover-bgcolor: transparent !important;
background-color: var(--arrowpanel-dimmed) !important;
}
.all-tabs-item:hover:not([selected]) {
--panel-item-active-bgcolor: transparent !important;
--panel-item-hover-bgcolor: transparent !important;
background-color: var(--panel-banner-item-hover-bgcolor) !important;
}
.all-tabs-close-button:hover {
background-color: var(--toolbarbutton-hover-background) !important;
}
/* Private Browsing Mode theme for URL Bar and Nav Bar */
:root {
--toolbar-field-border-color: var(--arrowpanel-background) !important;
--toolbar-field-focus-border-color: var(--arrowpanel-background) !important;
--lwt-toolbar-field-background-color: var(--arrowpanel-background) !important;
--toolbar-field-background-color: var(--arrowpanel-background) !important;
--toolbar-field-focus-background-color: var(--arrowpanel-background) !important;
}
#nav-bar {
background-image: -moz-linear-gradient(to right, rgb(112,34,145), rgb(57,52,115)) !important;
}
#navigator-toolbox {
--lwt-tabs-border-color: rgb(134,93,180) !important;
}

View file

@ -0,0 +1,818 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Resist Fingerprinting Letterbox background color and minimum width for display and URL Bar */
:root {
--tabpanel-background-color: black !important;
min-width: 300px !important;
}
#urlbar-container {
min-width: 150px !important;
flex-shrink: 1 !important;
}
/* Menu Bar color
(hides the line at the top/bottom of the screen when Menubar is hidden) */
toolbar[type=menubar] {
background-color: black !important;
color: var(--toolbar-color) !important;
}
/* Nav Bar bottom border color */
#navigator-toolbox {
border-bottom-color: black !important;
}
/* Remove popup warning when enterimg Fullscreen */
.pointerlockfswarning {
display: none !important;
}
/* Main App Menu (≡) item icons */
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image {
fill: currentColor;
-moz-context-properties: fill;
margin-inline: 0 20px !important;
}
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
display: flex;
content: "";
width: 16px;
height: 16px;
}
#appMenu-new-tab-button2 {
order: 1 !important;
list-style-image: url("chrome://global/skin/icons/plus.svg");
}
#appMenu-bookmarks-button {
order: 2 !important;
list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
}
#appMenu-history-button {
order: 3 !important;
list-style-image: url("chrome://browser/skin/history.svg");
}
#appMenu-downloads-button {
order: 4 !important;
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
}
#appMenu-extensions-themes-button {
order: 5 !important;
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
#appMenu-passwords-button {
order: 6 !important;
list-style-image: url("chrome://browser/skin/login.svg");
}
#appMenu-find-button2 {
order: 7 !important;
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-zoom-controls {
order: 8 !important;
}
#appMenu-zoom-controls::before {
background-image: url("chrome://browser/skin/fullscreen.svg");
}
#appMenu-new-window-button2 {
order: 9 !important;
list-style-image: url("chrome://browser/skin/window.svg");
}
#appMenu-new-private-window-button2 {
order: 10 !important;
list-style-image: url("chrome://browser/skin/privateBrowsing.svg");
}
#appMenu-save-file-button2 {
order: 11 !important;
list-style-image: url("chrome://browser/skin/save.svg");
}
#appMenu-print-button2 {
order: 12 !important;
list-style-image: url("chrome://global/skin/icons/print.svg");
}
#appMenu-help-button2 {
order: 13 !important;
list-style-image: url("chrome://global/skin/icons/help.svg");
}
#appMenu-more-button2 {
order: 14 !important;
list-style-image: url("chrome://global/skin/icons/developer.svg");
}
#appMenu-settings-button {
order: 15 !important;
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
#appMenu-quit-button2 {
order: 16 !important;
list-style-image: url("chrome://devtools/skin/images/search-clear.svg");
}
/* Use account-button icon for signed in sync item */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
background-image: var(--avatar-image-url)
}
/* Show Tab Manager Menu button */
#alltabs-button {
display: -moz-box !important;
}
/* Tab Manager Menu button tab counter */
#TabsToolbar-customization-target {
counter-reset: tabCount;
}
.tabbrowser-tab {
counter-increment: tabCount;
}
#alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
position: relative !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
content: counter(tabCount);
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: var(--toolbarbutton-inner-padding);
left: 50%;
transform: translateX(-50%);
}
#alltabs-button > .toolbarbutton-badge-stack {
border-radius: var(--toolbarbutton-border-radius);
}
/* Tab Manager Menu tab counter */
#allTabsMenu-allTabsViewTabs, /* before FF 106 */
#allTabsMenu-allTabsView-tabs { /* since FF 106 */
counter-reset: nn_tabs 0 !important;
}
.all-tabs-button::before {
display: -moz-inline-box !important;
-moz-padding-end: 8px !important;
content: counter(nn_tabs) !important;
font-size: 12px !important;
margin-top: -2px !important;
margin-right: -2px !important;
}
.all-tabs-item {
counter-increment: nn_tabs !important;
}
/* Apply this customization only on smaller screens in landscape mode */
@media (max-height: 300px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 4px;
--urlbar-width: calc(100vw - 188.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 5px;
--urlbar-width: calc(100vw - 196.5px);
}
/* Remove items from Main App Menu (≡) */
#appMenu-fxa-status2,
#appMenu-fxa-separator,
#appMenu-protonMainView toolbarseparator,
#appMenu-fullscreen-button2,
#appMenu-passwords-button,
.subviewbutton[shortcut]::after {
display: none !important;
}
/* Fix flickering of Main App Menu (≡) */
#appMenu-popup {
width: 260px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
height: 253px !important;
max-height: 253px !important;
width: 250px !important;
}
/* Change Main App Menu (≡) button to its mobile equivalent (⋮) */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
margin-right: -10px !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack {
position: relative !important;
width: 75% !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack::before {
content: "⋮";
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.9 );
left: 50%;
transform: translateX(-50%);
font-size: 18px !important;
font-weight: bold !important;
}
/* Hide Tab Bar and Private Browsing indicator */
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Hide Nav Bar when in Fullscreen mode */
#nav-bar[inFullscreen] {
display: none;
}
/* Edit Bookmark Panel */
#editBookmarkPanel {
background-color: var(--arrowpanel-background) !important;
max-height: 100vh !important;
max-width: 100vw !important;
width: 100vw !important;
}
#editBookmarkPanel box.panel-header,
#editBookmarkHeaderSeparator,
#editBookmarkPanelInfoArea,
#editBookmarkSeparator,
#editBMPanel_folderRow,
#editBMPanel_tagsRow {
display: none !important;
}
#editBookmarkPanelContent {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#editBookmarkPanelBottomButtons {
margin-top: -5px !important;
margin-left: -50px !important;
}
/* Find Bar*/
input.findbar-textbox {
font-size: 12pt !important;
}
/* Remove items from Tab Manager Menu */
#allTabsMenu-searchTabs,
#allTabsMenu-tabsSeparator {
display: none;
}
/* Fix flickering of Tab Manager Menu and extension popups */
#customizationui-widget-panel,
#customizationui-widget-multiview box.panel-viewstack {
height: calc(100vh - 35px) !important;
max-height: calc(100vh - 35px) !important;
width: 100vw !important;
max-width: 100vw !important;
}
/* Tab Manager Menu inspired by Firefox for Android */
#allTabsMenu-containerTabsButton {
border-radius: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100vw - 207px) !important;
}
.all-tabs-item {
border-radius: 0 !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(100vw - 207px) !important;
}
.all-tabs-close-button {
border-radius: 100% !important;
margin-left: calc(var(--urlbar-min-height) * -0.6 ) !important;
margin-right: calc(var(--urlbar-min-height) * -0.6 ) !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(var(--urlbar-min-height) * 2.25 ) !important;
}
.all-tabs-close-button > .toolbarbutton-icon {
margin-left: calc(var(--urlbar-min-height) * 0.625 ) !important;
height: calc(var(--urlbar-min-height) * 0.5 ) !important;
width: calc(var(--urlbar-min-height) * 0.5 ) !important;
}
/* Tab Manager Menu button inspired by Firefox for Android */
#alltabs-button > .toolbarbutton-badge-stack::before {
border: 1px solid var(--toolbarbutton-icon-fill);
border-radius: 2px;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.85 ) !important;
padding: 0 5px 0 5px;
font-size: 8px !important;
font-weight: 600 !important;
font-family: "Noto Sans" !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
top: var(--alltabs-button-position) !important;
right: 28.5px;
z-index: 2 !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* URL Bar */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
#urlbar,
#searchbar,
#urlbar-input,
#urlbar-input-container,
#urlbar-background {
border-radius: 7px !important;
}
/* Remove items from Unified Extensions Menu */
#unified-extensions-panel .panel-header,
#unified-extensions-panel toolbarseparator,
#unified-extensions-manage-extensions {
display: none !important;
}
/* Adjust button padding and font size for secondary text in Unified Extensions Menu */
#unified-extensions-panel .subviewbutton {
padding: 6px !important;
}
.unified-extensions-item-message {
font-size: 75% !important;
}
/* Fix flickering of Unified Extensions Menu */
#unified-extensions-panel {
--uei-icon-size: 20px;
width: 360px !important;
}
#unified-extensions-view {
margin-top: 6px !important;
height: 230px !important;
max-height: 230px !important;
width: 350px !important;
}
/* Add padding to bottom of Unified Extensions Menu to look better */
#unified-extensions-area {
padding-bottom: 5px !important;
}
/* Allow extensions to use full display */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: 100vw !important;
min-width: 100vw !important;
}
/* Change Unified Extensions Menu button icon to Home button icon */
#unified-extensions-button {
list-style-image: url("chrome://browser/skin/home.svg") !important;
}
/* Adjust "Saved to Library!" popup notification */
#confirmation-hint {
padding: 10px !important;
width: 100vw !important;
}
/* Adjust "Confirm before closing multiple tabs" popup */
.dialogFrame {
width: 100vw !important;
max-width: 100vw !important;
}
}
/* Apply this customization only on smaller screens in portait mode */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 4px;
--urlbar-width: calc(100vw - 110.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 5px;
--urlbar-width: calc(100vw - 114.5px);
}
/* Main App Menu (≡) */
#appMenu-popup {
padding-left: 10px !important;
padding-right: 10px !important;
height: 340px;
max-height: 340px;
width: 260px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
margin-top: 4px !important;
height: 318px !important;
max-height: 318px !important;
width: 230px !important;
}
#appMenu-multiView box.panel-viewstack:first-child {
height: calc(100vh - 100px) !important;
max-height: calc(100vh - 100px) !important;
}
#appMenu-fxa-status2,
#appMenu-fxa-separator,
#appMenu-protonMainView toolbarseparator,
#appMenu-fullscreen-button2,
#appMenu-passwords-button,
.subviewbutton[shortcut]::after {
display: none !important;
}
/* Change Main App Menu (≡) button to its mobile equivalent (⋮) */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
margin-right: -10px !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack {
position: relative !important;
width: 75% !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack::before {
content: "⋮";
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.9 );
left: 50%;
transform: translateX(-50%);
font-size: 18px !important;
font-weight: bold !important;
}
/* Hide Tab Bar and Private Browsing Indicator */
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Hide Nav Bar when in Fullscreen mode */
#nav-bar[inFullscreen] {
display: none;
}
/* Edit Bookmark Panel */
#editBookmarkPanel {
background-color: var(--arrowpanel-background) !important;
margin-bottom: 225px !important;
max-height: 100vh !important;
max-width: 100vw !important;
width: 100vw !important;
}
#editBookmarkPanel box.panel-header,
#editBookmarkHeaderSeparator,
#editBookmarkPanelInfoArea,
#editBookmarkSeparator,
#editBMPanel_folderRow,
#editBMPanel_tagsRow {
display: none !important;
}
#editBookmarkPanelContent {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#editBookmarkPanelBottomButtons {
margin-top: -5px !important;
margin-left: -50px !important;
}
/* Find Bar */
.findbar-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 40px !important;
}
.findbar-textbox {
width: 100% !important;
}
.findbar-container checkbox {
padding: 10px 0px;
}
.findbar-highlight,
.findbar-case-sensitive,
.findbar-match-diacritics,
.findbar-entire-word,
/*.found-matches,*/
.findbar-find-status,
.find-status-icon {
display: none;
}
input.findbar-textbox {
font-size: 12pt !important;
}
/* Fix Popups */
#notification-popup {
margin-top: -500px !important;
margin-right: -500px !important;
height: calc(100vh - 250px) !important;
max-width: 100vw !important;
}
#downloadsPanel-mainView {
max-width: calc(100vw - 10px);
}
#backForwardMenu {
margin-top: -250px;
height: 200px;
min-height: 200px;
max-width: 100vw !important;
}
#context-inspect,
#context-inspect-a11y,
#context-savelinktopocket,
#context-searchselect,
#context-sendlinktodevice,
#context-viewpartialsource-selection,
#inspect-separator {
display: none !important
}
#protections-popup,
#permission-popup,
#widget-overflow,
#identity-popup {
max-width: 100vw !important;
}
#protections-popup-mainView {
min-width: 100vw !important;
max-width: 100vw !important;
}
#widget-overflow,
#widget-overflow-mainView {
height: calc(100vh - 80px) !important;
}
#customizationui-widget-panel {
width: 100vw !important;
}
#BMB_bookmarksPopup {
padding-left: 10px !important;
padding-right: 10px !important;
width: 100vw !important;
}
/* Tab Manager Menu */
#allTabsMenu-searchTabs,
#allTabsMenu-tabsSeparator {
display: none;
}
#customizationui-widget-panel {
padding-left: 10px !important;
padding-right: 10px !important;
}
#allTabsMenu-multiView box.panel-viewstack {
height: calc(100vh - 100px) !important;
max-height: calc(100vh - 100px) !important;
}
#customizationui-widget-multiview box.panel-viewstack {
height: 330px !important;
max-height: 330px !important;
}
#allTabsMenu-allTabsViewTabs,
#allTabsMenu-allTabsView-tabs {
max-width: calc(100vw - 30px);
padding-top: 2px !important;
}
/* Tab Manager Menu inspired by Firefox for Android */
#allTabsMenu-containerTabsButton {
border-radius: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100vw - 30px) !important;
}
.all-tabs-item {
border-radius: 0 !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(100vw - 30px) !important;
}
.all-tabs-close-button {
border-radius: 100% !important;
margin-left: calc(var(--urlbar-min-height) * -0.6 ) !important;
margin-right: calc(var(--urlbar-min-height) * -0.6 ) !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(var(--urlbar-min-height) * 2.25 ) !important;
}
.all-tabs-close-button > .toolbarbutton-icon {
margin-left: calc(var(--urlbar-min-height) * 0.625 ) !important;
height: calc(var(--urlbar-min-height) * 0.5 ) !important;
width: calc(var(--urlbar-min-height) * 0.5 ) !important;
}
/* Tab Manager Menu button inspired by Firefox for Android */
#alltabs-button > .toolbarbutton-badge-stack::before {
border: 1px solid var(--toolbarbutton-icon-fill);
border-radius: 2px;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.85 ) !important;
padding: 0 5px 0 5px;
font-size: 8px !important;
font-weight: 600 !important;
font-family: "Noto Sans" !important;
}
/* Move Tab Manager Menu button to right of urlbar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
top: var(--alltabs-button-position) !important;
right: 28.5px;
z-index: 2 !important;
}
/* Nav Bar */
#back-button,
#forward-button,
#customizableui-special-spring1,
#customizableui-special-spring2,
#library-button,
#sidebar-button,
#fxa-toolbar-menu-button {
display: none !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* URL Bar */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
#urlbar {
padding: 0px 5px;
}
#urlbar-input {
font-size: 10pt !important;
}
#urlbar[focused] #urlbar-input {
font-size: calc(var(--urlbar-height) - 9px) !important;
}
#urlbar[focused] #remote-control-box,
#urlbar[focused] #identity-box,
#urlbar[focused] #tracking-protection-icon-container,
#urlbar[focused] #reader-mode-button,
#urlbar[focused] #page-action-buttons,
#tracking-protection-icon-container,
#identity-permission-box,
#userContext-indicator,
#pageActionButton {
display: none;
}
#identity-icon-label {
display: none;
}
.urlbarView {
position: fixed !important;
inset: 0px 0px 84px 0px;
width: 100% !important;
background: var(--arrowpanel-background);
margin: 0px !important;
margin-inline: 0px !important;
border-inline: 0px !important;
overflow-y: auto !important;
overflow-x: none !important;
scrollbar-width: none;
}
#PersonalToolbar {
display: none;
}
:root {
--bookmarks-toolbar-overlapping-browser-height: 0 !important;
}
#urlbar,
#searchbar,
#urlbar-input,
#urlbar-input-container,
#urlbar-background {
border-radius: 7px !important;
}
/* Remove items from Unified Extensions Menu */
#unified-extensions-panel .panel-header,
#unified-extensions-panel toolbarseparator,
#unified-extensions-manage-extensions {
display: none !important;
}
/* Adjust button padding and font size for secondary text in Unified Extensions Menu */
#unified-extensions-panel .subviewbutton {
padding: 6px !important;
}
.unified-extensions-item-message {
font-size: 75% !important;
}
/* Fix flickering for Unified Extensions Menu */
#unified-extensions-panel {
--uei-icon-size: 20px;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100vw !important;
}
#unified-extensions-view {
margin-top: 6px !important;
height: 325px !important;
max-height: 325px !important;
width: calc(100vw - 30px) !important;
}
/* Allow extensions to use full popup */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: calc(100vw - 20px) !important;
min-width: calc(100vw - 20px) !important;
}
/* Change Unified Extensions Menu button icon to Home button icon */
#unified-extensions-button {
list-style-image: url("chrome://browser/skin/home.svg") !important;
}
/* Adjust "Saved to Library!" popup notification */
#confirmation-hint {
padding: 10px !important;
width: 100vw !important;
}
/* Adjust "Confirm before closing multiple tabs" popup */
.dialogFrame {
width: 100vw !important;
max-width: 100vw !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 120px !important;
}
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 64px !important;
}
}

View file

@ -0,0 +1,895 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Resist Fingerprinting Letterbox background color and minimum width for display and URL Bar */
:root {
--tabpanel-background-color: black !important;
min-width: 300px !important;
}
#urlbar-container {
min-width: 150px !important;
flex-shrink: 1 !important;
}
/* Menu Bar color
(hides the line at the top/bottom of the screen when Menubar is hidden) */
toolbar[type=menubar] {
background-color: black !important;
color: var(--toolbar-color) !important;
}
/* Nav Bar bottom border color */
#navigator-toolbox {
border-bottom-color: black !important;
}
/* Remove popup warning when enterimg Fullscreen */
.pointerlockfswarning {
display: none !important;
}
/* Main App Menu (≡) item icons */
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image {
fill: currentColor;
-moz-context-properties: fill;
margin-inline: 0 20px !important;
}
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
display: flex;
content: "";
width: 16px;
height: 16px;
}
#appMenu-new-tab-button2 {
order: 1 !important;
list-style-image: url("chrome://global/skin/icons/plus.svg");
}
#appMenu-bookmarks-button {
order: 2 !important;
list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
}
#appMenu-history-button {
order: 3 !important;
list-style-image: url("chrome://browser/skin/history.svg");
}
#appMenu-downloads-button {
order: 4 !important;
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
}
#appMenu-extensions-themes-button {
order: 5 !important;
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
#appMenu-passwords-button {
order: 6 !important;
list-style-image: url("chrome://browser/skin/login.svg");
}
#appMenu-find-button2 {
order: 7 !important;
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-zoom-controls {
order: 8 !important;
}
#appMenu-zoom-controls::before {
background-image: url("chrome://browser/skin/fullscreen.svg");
}
#appMenu-new-window-button2 {
order: 9 !important;
list-style-image: url("chrome://browser/skin/window.svg");
}
#appMenu-new-private-window-button2 {
order: 10 !important;
list-style-image: url("chrome://browser/skin/privateBrowsing.svg");
}
#appMenu-save-file-button2 {
order: 11 !important;
list-style-image: url("chrome://browser/skin/save.svg");
}
#appMenu-print-button2 {
order: 12 !important;
list-style-image: url("chrome://global/skin/icons/print.svg");
}
#appMenu-help-button2 {
order: 13 !important;
list-style-image: url("chrome://global/skin/icons/help.svg");
}
#appMenu-more-button2 {
order: 14 !important;
list-style-image: url("chrome://global/skin/icons/developer.svg");
}
#appMenu-settings-button {
order: 15 !important;
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
#appMenu-quit-button2 {
order: 16 !important;
list-style-image: url("chrome://devtools/skin/images/search-clear.svg");
}
/* Use account-button icon for signed in sync item */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before {
background-image: var(--avatar-image-url)
}
/* Show Tab Manager Menu button */
#alltabs-button {
display: -moz-box !important;
}
/* Tab Manager Menu button tab counter */
#TabsToolbar-customization-target {
counter-reset: tabCount;
}
.tabbrowser-tab {
counter-increment: tabCount;
}
#alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
position: relative !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
content: counter(tabCount);
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: var(--toolbarbutton-inner-padding);
left: 50%;
transform: translateX(-50%);
}
#alltabs-button > .toolbarbutton-badge-stack {
border-radius: var(--toolbarbutton-border-radius);
}
/* Tab Manager Menu tab counter */
#allTabsMenu-allTabsViewTabs, /* before FF 106 */
#allTabsMenu-allTabsView-tabs { /* since FF 106 */
counter-reset: nn_tabs 0 !important;
}
.all-tabs-button::before {
display: -moz-inline-box !important;
-moz-padding-end: 8px !important;
content: counter(nn_tabs) !important;
font-size: 12px !important;
margin-top: -2px !important;
margin-right: -2px !important;
}
.all-tabs-item {
counter-increment: nn_tabs !important;
}
/* Apply this customization only on smaller screens in landscape mode */
@media (max-height: 300px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 3.5px;
--urlbar-width: calc(100vw - 188.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 4.5px;
--urlbar-width: calc(100vw - 196.5px);
}
/* Remove items from Main App Menu (≡) */
#appMenu-fxa-status2,
#appMenu-fxa-separator,
#appMenu-protonMainView toolbarseparator,
#appMenu-fullscreen-button2,
#appMenu-passwords-button,
.subviewbutton[shortcut]::after {
display: none !important;
}
/* Fix flickering of Main App Menu (≡) */
#appMenu-popup {
width: 260px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
height: 253px !important;
max-height: 253px !important;
width: 250px !important;
}
/* Change Main App Menu (≡) button to its mobile equivalent (⋮) */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
margin-right: -10px !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack {
position: relative !important;
width: 75% !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack::before {
content: "⋮";
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.9 );
left: 50%;
transform: translateX(-50%);
font-size: 18px !important;
font-weight: bold !important;
}
/* Hide Tab Bar and Private Browsing indicator */
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Hide Nav Bar when in Fullscreen mode */
#nav-bar[inFullscreen] {
display: none;
}
/* Move Nav Bar to bottom */
:root:not([uidensity="touch"],[inFullscreen]) {
--uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) )
}
:root[uidensity="touch"]:not([inFullscreen]){
--uc-bottom-toolbar-height: calc(43px + var(--toolbarbutton-outer-padding) )
}
#browser,
#customization-container {
margin-bottom: var(--uc-bottom-toolbar-height,0px)
}
#nav-bar{
position: fixed !important;
bottom: 0px;
width: 100%;
z-index: 1;
}
.panel-viewstack {
max-height: unset !important;
}
/* Edit Bookmark Panel */
#editBookmarkPanel {
background-color: var(--arrowpanel-background) !important;
max-height: 100vh !important;
max-width: 100vw !important;
width: 100vw !important;
}
#editBookmarkPanel box.panel-header,
#editBookmarkHeaderSeparator,
#editBookmarkPanelInfoArea,
#editBookmarkSeparator,
#editBMPanel_folderRow,
#editBMPanel_tagsRow {
display: none !important;
}
#editBookmarkPanelContent {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#editBookmarkPanelBottomButtons {
margin-top: -5px !important;
margin-left: -50px !important;
}
/* Find Bar*/
input.findbar-textbox {
font-size: 12pt !important;
}
/* Remove items from Tab Manager Menu */
#allTabsMenu-searchTabs,
#allTabsMenu-tabsSeparator {
display: none;
}
/* Fix flickering of Tab Manager Menu and extension popups */
#customizationui-widget-panel,
#customizationui-widget-multiview box.panel-viewstack {
height: calc(100vh - 35px) !important;
max-height: calc(100vh - 35px) !important;
width: 100vw !important;
max-width: 100vw !important;
}
/* Tab Manager Menu inspired by Firefox for Android */
#allTabsMenu-containerTabsButton {
border-radius: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100vw - 207px) !important;
}
.all-tabs-item {
border-radius: 0 !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(100vw - 207px) !important;
}
.all-tabs-close-button {
border-radius: 100% !important;
margin-left: calc(var(--urlbar-min-height) * -0.6 ) !important;
margin-right: calc(var(--urlbar-min-height) * -0.6 ) !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(var(--urlbar-min-height) * 2.25 ) !important;
}
.all-tabs-close-button > .toolbarbutton-icon {
margin-left: calc(var(--urlbar-min-height) * 0.625 ) !important;
height: calc(var(--urlbar-min-height) * 0.5 ) !important;
width: calc(var(--urlbar-min-height) * 0.5 ) !important;
}
/* Tab Manager Menu button inspired by Firefox for Android */
#alltabs-button > .toolbarbutton-badge-stack::before {
border: 1px solid var(--toolbarbutton-icon-fill);
border-radius: 2px;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.85 ) !important;
padding: 0 5px 0 5px;
font-size: 8px !important;
font-weight: 600 !important;
font-family: "Noto Sans" !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
bottom: var(--alltabs-button-position) !important;
right: 28.5px;
z-index: 2 !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* URL Bar */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
#urlbar,
#searchbar,
#urlbar-input,
#urlbar-input-container,
#urlbar-background {
border-radius: 7px !important;
}
/* Remove items from Unified Extensions Menu */
#unified-extensions-panel .panel-header,
#unified-extensions-panel toolbarseparator,
#unified-extensions-manage-extensions {
display: none !important;
}
/* Adjust button padding and font size for secondary text in Unified Extensions Menu */
#unified-extensions-panel .subviewbutton {
padding: 6px !important;
}
.unified-extensions-item-message {
font-size: 75% !important;
}
/* Fix flickering of Unified Extensions Menu */
#unified-extensions-panel {
--uei-icon-size: 20px;
width: 360px !important;
}
#unified-extensions-view {
margin-top: 6px !important;
height: 230px !important;
max-height: 230px !important;
width: 350px !important;
}
/* Add padding to bottom of Unified Extensions Menu to look better */
#unified-extensions-area {
padding-bottom: 5px !important;
}
/* Allow extensions to use full display */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: 100vw !important;
min-width: 100vw !important;
}
/* Change Unified Extensions Menu button icon to Home button icon */
#unified-extensions-button {
list-style-image: url("chrome://browser/skin/home.svg") !important;
}
/* Adjust "Saved to Library!" popup notification */
#confirmation-hint {
padding: 10px !important;
width: 100vw !important;
}
/* Adjust "Confirm before closing multiple tabs" popup */
.dialogFrame {
width: 100vw !important;
max-width: 100vw !important;
}
}
/* Apply this customization only on smaller screens in portait mode */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--widget-overflow-margin: 22px;
--unified-extensions-panel-margin: 22px;
--customizationui-widget-panel-margin: 22px;
--appMenu-popup-margin: 22px;
--BMB_bookmarksPopup-margin: 22px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 3.5px;
--urlbar-width: calc(100vw - 110.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--widget-overflow-margin: 23px;
--unified-extensions-panel-margin: 23px;
--customizationui-widget-panel-margin: 23px;
--appMenu-popup-margin: 23px;
--BMB_bookmarksPopup-margin: 23px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 4.5px;
--urlbar-width: calc(100vw - 114.5px);
}
/* Main App Menu (≡) */
#appMenu-popup {
padding-left: 10px !important;
padding-right: 10px !important;
height: 340px;
max-height: 340px;
width: 260px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
margin-top: 4px !important;
height: 318px !important;
max-height: 318px !important;
width: 230px !important;
}
#appMenu-multiView box.panel-viewstack:first-child {
height: calc(100vh - 100px) !important;
max-height: calc(100vh - 100px) !important;
}
#appMenu-fxa-status2,
#appMenu-fxa-separator,
#appMenu-protonMainView toolbarseparator,
#appMenu-fullscreen-button2,
#appMenu-passwords-button,
.subviewbutton[shortcut]::after {
display: none !important;
}
/* Change Main App Menu (≡) button to its mobile equivalent (⋮) */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
margin-right: -10px !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack {
position: relative !important;
width: 75% !important;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack::before {
content: "⋮";
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.9 );
left: 50%;
transform: translateX(-50%);
font-size: 18px !important;
font-weight: bold !important;
}
/* Hide Tab Bar and Private Browsing Indicator */
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Hide Nav Bar when in Fullscreen mode */
#nav-bar[inFullscreen] {
display: none;
}
/* Move Nav Bar to bottom */
:root:not([uidensity="touch"],[inFullscreen]) {
--uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) )
}
:root[uidensity="touch"]:not([inFullscreen]){
--uc-bottom-toolbar-height: calc(43px + var(--toolbarbutton-outer-padding) )
}
#browser,
#customization-container {
margin-bottom: var(--uc-bottom-toolbar-height,0px)
}
#nav-bar{
position: fixed !important;
bottom: 0px;
width: 100%;
z-index: 1;
}
.panel-viewstack {
max-height: unset !important;
}
/* Adjust Widget Overflow Menu (») spawn height */
#widget-overflow {
margin-bottom: var(--widget-overflow-margin) !important;
}
/* Adjust Unified Extensions Menu spawn height */
#unified-extensions-panel {
margin-bottom: var(--unified-extensions-panel-margin) !important;
}
/* Adjust Tab Manager Menu spawn height */
#customizationui-widget-panel {
margin-bottom: var(--customizationui-widget-panel-margin) !important;
}
/* Adjust Main App Menu (≡) spawn height */
#appMenu-popup {
margin-bottom: var(--appMenu-popup-margin) !important;
}
/* Adjust Bookmarks Menu (★) spawn height */
#BMB_bookmarksPopup {
margin-bottom: var(--BMB_bookmarksPopup-margin) !important;
}
/* Edit Bookmark Panel */
#editBookmarkPanel {
background-color: var(--arrowpanel-background) !important;
margin-bottom: 225px !important;
max-height: 100vh !important;
max-width: 100vw !important;
width: 100vw !important;
}
#editBookmarkPanel box.panel-header,
#editBookmarkHeaderSeparator,
#editBookmarkPanelInfoArea,
#editBookmarkSeparator,
#editBMPanel_folderRow,
#editBMPanel_tagsRow {
display: none !important;
}
#editBookmarkPanelContent {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#editBookmarkPanelBottomButtons {
margin-top: -5px !important;
margin-left: -50px !important;
}
/* Find Bar */
.findbar-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 40px !important;
}
.findbar-textbox {
width: 100% !important;
}
.findbar-container checkbox {
padding: 10px 0px;
}
.findbar-highlight,
.findbar-case-sensitive,
.findbar-match-diacritics,
.findbar-entire-word,
/*.found-matches,*/
.findbar-find-status,
.find-status-icon {
display: none;
}
input.findbar-textbox {
font-size: 12pt !important;
}
/* Fix Popups */
#notification-popup {
margin-top: -500px !important;
margin-right: -500px !important;
height: calc(100vh - 250px) !important;
max-width: 100vw !important;
}
#downloadsPanel-mainView {
max-width: calc(100vw - 10px);
}
#backForwardMenu {
margin-top: -250px;
height: 200px;
min-height: 200px;
max-width: 100vw !important;
}
#context-inspect,
#context-inspect-a11y,
#context-savelinktopocket,
#context-searchselect,
#context-sendlinktodevice,
#context-viewpartialsource-selection,
#inspect-separator {
display: none !important
}
#protections-popup,
#permission-popup,
#widget-overflow,
#identity-popup {
max-width: 100vw !important;
}
#protections-popup-mainView {
min-width: 100vw !important;
max-width: 100vw !important;
}
#widget-overflow,
#widget-overflow-mainView {
height: calc(100vh - 80px) !important;
}
#customizationui-widget-panel {
width: 100vw !important;
}
#BMB_bookmarksPopup {
padding-left: 10px !important;
padding-right: 10px !important;
width: 100vw !important;
}
/* Tab Manager Menu */
#allTabsMenu-searchTabs,
#allTabsMenu-tabsSeparator {
display: none;
}
#customizationui-widget-panel {
padding-left: 10px !important;
padding-right: 10px !important;
}
#allTabsMenu-multiView box.panel-viewstack {
height: calc(100vh - 100px) !important;
max-height: calc(100vh - 100px) !important;
}
#customizationui-widget-multiview box.panel-viewstack {
height: 330px !important;
max-height: 330px !important;
}
#allTabsMenu-allTabsViewTabs,
#allTabsMenu-allTabsView-tabs {
max-width: calc(100vw - 30px);
padding-top: 2px !important;
}
/* Tab Manager Menu inspired by Firefox for Android */
#allTabsMenu-containerTabsButton {
border-radius: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100vw - 30px) !important;
}
.all-tabs-item {
border-radius: 0 !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(100vw - 30px) !important;
}
.all-tabs-close-button {
border-radius: 100% !important;
margin-left: calc(var(--urlbar-min-height) * -0.6 ) !important;
margin-right: calc(var(--urlbar-min-height) * -0.6 ) !important;
height: calc(var(--urlbar-min-height) * 2.25 ) !important;
width: calc(var(--urlbar-min-height) * 2.25 ) !important;
}
.all-tabs-close-button > .toolbarbutton-icon {
margin-left: calc(var(--urlbar-min-height) * 0.625 ) !important;
height: calc(var(--urlbar-min-height) * 0.5 ) !important;
width: calc(var(--urlbar-min-height) * 0.5 ) !important;
}
/* Tab Manager Menu button inspired by Firefox for Android */
#alltabs-button > .toolbarbutton-badge-stack::before {
border: 1px solid var(--toolbarbutton-icon-fill);
border-radius: 2px;
bottom: calc(var(--toolbarbutton-inner-padding) * 0.85 ) !important;
padding: 0 5px 0 5px;
font-size: 8px !important;
font-weight: 600 !important;
font-family: "Noto Sans" !important;
}
/* Move Tab Manager Menu button to right of urlbar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
bottom: var(--alltabs-button-position) !important;
right: 28.5px;
z-index: 2 !important;
}
/* Nav Bar */
#back-button,
#forward-button,
#customizableui-special-spring1,
#customizableui-special-spring2,
#library-button,
#sidebar-button,
#fxa-toolbar-menu-button {
display: none !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* URL Bar */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
#urlbar {
padding: 0px 5px;
}
#urlbar-input {
font-size: 10pt !important;
}
#urlbar[focused] #urlbar-input {
font-size: calc(var(--urlbar-height) - 9px) !important;
}
#urlbar[focused] #remote-control-box,
#urlbar[focused] #identity-box,
#urlbar[focused] #tracking-protection-icon-container,
#urlbar[focused] #reader-mode-button,
#urlbar[focused] #page-action-buttons,
#tracking-protection-icon-container,
#identity-permission-box,
#userContext-indicator,
#pageActionButton {
display: none;
}
#identity-icon-label {
display: none;
}
.urlbarView {
position: fixed !important;
inset: 0px 0px 84px 0px;
width: 100% !important;
background: var(--arrowpanel-background);
margin: 0px !important;
margin-inline: 0px !important;
border-inline: 0px !important;
overflow-y: auto !important;
overflow-x: none !important;
scrollbar-width: none;
}
#PersonalToolbar {
display: none;
}
:root {
--bookmarks-toolbar-overlapping-browser-height: 0 !important;
}
#urlbar,
#searchbar,
#urlbar-input,
#urlbar-input-container,
#urlbar-background {
border-radius: 7px !important;
}
/* Remove items from Unified Extensions Menu */
#unified-extensions-panel .panel-header,
#unified-extensions-panel toolbarseparator,
#unified-extensions-manage-extensions {
display: none !important;
}
/* Adjust button padding and font size for secondary text in Unified Extensions Menu */
#unified-extensions-panel .subviewbutton {
padding: 6px !important;
}
.unified-extensions-item-message {
font-size: 75% !important;
}
/* Fix flickering for Unified Extensions Menu */
#unified-extensions-panel {
--uei-icon-size: 20px;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100vw !important;
}
#unified-extensions-view {
margin-top: 6px !important;
height: 325px !important;
max-height: 325px !important;
width: calc(100vw - 30px) !important;
}
/* Allow extensions to use full popup */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: calc(100vw - 20px) !important;
min-width: calc(100vw - 20px) !important;
}
/* Change Unified Extensions Menu button icon to Home button icon */
#unified-extensions-button {
list-style-image: url("chrome://browser/skin/home.svg") !important;
}
/* Adjust "Saved to Library!" popup notification */
#confirmation-hint {
padding: 10px !important;
width: 100vw !important;
}
/* Adjust "Confirm before closing multiple tabs" popup */
.dialogFrame {
width: 100vw !important;
max-width: 100vw !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 120px !important;
}
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 64px !important;
}
}

File diff suppressed because it is too large Load diff

1131
src/userChrome/fenix_one.css Normal file

File diff suppressed because it is too large Load diff

44
src/userChrome/glow.css Normal file
View file

@ -0,0 +1,44 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Inactive tab glow on hover */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected]) {
filter: drop-shadow(0 0 2px var(--uc-icon-glow-secondary)) drop-shadow(0 0 1px var(--uc-icon-glow-primary));
}
/* Newtab buttons (+) and Tab Manager button (v) glow on hover */
#alltabs-button:hover > .toolbarbutton-badge-stack,
#new-tab-button:hover,
#tabs-newtab-button:hover {
filter: drop-shadow(0 0 2px var(--uc-icon-glow-secondary)) drop-shadow(0 0 1px var(--uc-icon-glow-primary));
}
/* Back button glow on hover */
#back-button:not([disabled]):hover > .toolbarbutton-icon {
filter: drop-shadow(0 0 2px var(--uc-icon-glow-secondary)) drop-shadow(0 0 1px var(--uc-icon-glow-primary));
}
/* Forward button glow on hover */
#forward-button:not([disabled]):hover > .toolbarbutton-icon {
filter: drop-shadow(0 0 2px var(--uc-icon-glow-secondary)) drop-shadow(0 0 1px var(--uc-icon-glow-primary));
}
/* Urlbar glow */
#urlbar {
filter: drop-shadow(0 0 2px var(--uc-icon-glow-secondary)) drop-shadow(0 0 1px var(--uc-icon-glow-primary));
}
/* Urlbar glow on focus */
#urlbar[focused] {
filter: drop-shadow(0 0 2px var(--uc-icon-glow-secondary)) drop-shadow(0 0 1px var(--uc-icon-glow-primary));
box-shadow: 0 0 3px var(--uc-icon-glow-secondary) !important;
}
/* Urlbar glow on hover */
#urlbar:hover {
filter: drop-shadow(0 0 2px var(--uc-icon-glow-secondary)) drop-shadow(0 0 1px var(--uc-icon-glow-primary));
box-shadow: 0 0 3px var(--uc-icon-glow-secondary) !important;
}
/* Navbar buttons glow */
#nav-bar toolbarbutton:hover:not(#back-button):not(#forward-button) {
filter: drop-shadow(0 0 2px var(--uc-icon-glow-secondary)) drop-shadow(0 0 1px var(--uc-icon-glow-primary));
}

View file

@ -1,3 +1,7 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {

View file

@ -0,0 +1,12 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Remove Tab Manager button */
#alltabs-button {
display: none !important;
}
}

View file

@ -0,0 +1,48 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/iconized_main_menu.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Adds icons to main menu items which were removed in Proton */
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image{
fill: currentColor;
-moz-context-properties: fill;
margin-inline: 0 8px !important;
}
#appMenu-zoom-controls::before,
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before{
display: flex;
content: "";
width: 16px;
height: 16px;
}
#appMenu-new-tab-button2{ list-style-image: url("chrome://browser/skin/new-tab.svg") }
#appMenu-new-window-button2{ list-style-image: url("chrome://browser/skin/window.svg") }
#appMenu-new-private-window-button2{ list-style-image: url("chrome://browser/skin/privateBrowsing.svg") }
#appMenu-bookmarks-button{ list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") }
#appMenu-history-button{ list-style-image: url("chrome://browser/skin/history.svg") }
#appMenu-downloads-button{ list-style-image: url("chrome://browser/skin/downloads/downloads.svg") }
#appMenu-passwords-button{ list-style-image: url("chrome://browser/skin/login.svg") }
#appMenu-extensions-themes-button{ list-style-image: url("chrome://mozapps/skin/extensions/extension.svg") }
#appMenu-print-button2{ list-style-image: url("chrome://global/skin/icons/print.svg") }
#appMenu-save-file-button2{ list-style-image: url("chrome://browser/skin/save.svg") }
#appMenu-find-button2{ list-style-image: url("chrome://global/skin/icons/search-glass.svg") }
#appMenu-settings-button{ list-style-image: url("chrome://global/skin/icons/settings.svg") }
#appMenu-more-button2{ list-style-image: url("chrome://global/skin/icons/developer.svg") }
#appMenu-help-button2{ list-style-image: url("chrome://global/skin/icons/info.svg") }
#appMenu-quit-button2{ list-style-image: url("chrome://devtools/skin/images/search-clear.svg") }
#appMenu-translate-button{ list-style-image: url("chrome://browser/skin/translations.svg") }
#appMenu-zoom-controls::before{ background-image: url("chrome://browser/skin/fullscreen.svg") }
/* Use account-button icon for signed in sync item */
/*#appMenu-fxa-status2[fxastatus] > toolbarbutton::before{ background-image: var(--avatar-image-url) }*/
/* Add somewhat hacky separator to zoom controls so it looks consistent */
/*#appMenu-protonMainView > .panel-subview-body::after{
content: "";
display: flex;
border-bottom: 1px solid var(--panel-separator-color);
margin: var(--panel-separator-margin);
}
#appMenu-find-button2 ~ *{
order: 2;
}*/

View file

@ -1,3 +1,6 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
@ -6,9 +9,10 @@
display: none !important;
}
/* Display overflow New-tab button by default */
/* Display overflow New-tab button by default and fix alignment */
#new-tab-button {
display: initial !important;
margin-top: 4px !important;
}
}

View file

@ -4,28 +4,36 @@ See the above repository for updates as well as full license text. */
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Show a number before tab text */
/* Actually, let's show the tab number after tab content, right-align it,
and fix its position directly on the tab close button */
/* Density variables */
:root:not([uidensity="touch"]) {
--tab-number-position: calc(var(--toolbarbutton-inner-padding) * 1.6 );
}
:root[uidensity="touch"] {
--tab-number-position: calc(var(--toolbarbutton-inner-padding) * 1.8 );
}
/* Show the tab number after tab content, right-align it, and fix its position directly on the tab close button */
#tabbrowser-tabs {
counter-reset: nth-tab 0; /* Change to -1 for 0-indexing */
}
.tabbrowser-tab:not([pinned]) .tab-content::after {
.tabbrowser-tab .tab-content::after {
content: counter(nth-tab) " ";
counter-increment: nth-tab;
position: absolute !important;
position: fixed;
right: 24px;
top: 12px;
bottom: var(--tab-number-position);
width: 0 !important;
}
/* Shorten tab content width so that tab number is more visible */
.tabbrowser-tab[selected]:not(:hover,[pinned]) > .tab-stack > .tab-content {
width: calc(100vw - 150px) !important;
/* Hide tab close button on unpinned tabs, and reserve space for tab number */
.tabbrowser-tab:not(:hover,[pinned]) .tab-close-button {
display: initial !important;
visibility: hidden !important;
}
/* Hide tab number when hovering so that tab close button is clickable */
/* Hide tab number on pinned tabs and when hovering on unpinned tabs so that tab close button is clickable */
.tabbrowser-tab[pinned] .tab-content::after,
.tabbrowser-tab:not([pinned]):hover .tab-content::after {
visibility: hidden !important;
}

View file

@ -8,6 +8,7 @@
#notification-popup {
/*margin-left: -200px !important;*/
margin-top: -500px !important;
margin-right: -500px !important;
height: calc(100vh - 250px) !important;
max-width: 100vw !important;
}
@ -45,7 +46,7 @@
}
/* fix the protections popup getting
* too wide, making controls naccessible */
* too wide, making controls unaccessible */
#protections-popup-mainView {
min-width: 100vw !important;
max-width: 100vw !important;
@ -60,12 +61,28 @@
height: calc(100vh - 80px) !important;
}
/* Fix widget overflow to fit ublock0_raymondhill_net-browser-action */
#widget-overflow {
padding-bottom: 25px !important;
/* Adjust Tab Manager Menu to fix flickering */
#customizationui-widget-panel {
width: 100vw !important;
}
#widget-overflow-mainView {
height: 357px !important;
/* Adjust Bookmarks Menu (★) and fix flickering */
#BMB_bookmarksPopup {
padding-left: 10px !important;
padding-right: 10px !important;
width: 100vw !important;
}
/* Adjust "Saved to Library!" popup notification */
#confirmation-hint {
padding: 10px !important;
width: 100vw !important;
}
/* Adjust "Confirm before closing multiple tabs" popup */
.dialogFrame {
width: 100vw !important;
max-width: 100vw !important;
}
}

View file

@ -48,10 +48,11 @@ menupopup {
border-color: transparent !important;
}
#nav-bar {
/*#nav-bar {
box-shadow: none !important;
margin-top: 3px;
}
}*/
.tab-line {
display: none;
}
@ -76,7 +77,8 @@ menugroup:hover > menuitem {
border-radius: 16px !important;
}
/* Urlbar and searchbar shape */
/* URL Bar and Search Bar shape */
#urlbar,
#searchbar,
#urlbar-input,
@ -88,7 +90,9 @@ menugroup:hover > menuitem {
border-radius: 12px !important;
}
/* Findbar shape */
/* Find Bar shape */
input.findbar-textbox {
border-radius: 9px !important;
font-size: 14px !important;

View file

@ -0,0 +1,98 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 48px;
--alltabs-number-position: calc(var(--toolbarbutton-inner-padding) * 1.5 );
--urlbar-width: calc(100vw - 166px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 54px;
--alltabs-number-position: calc(var(--toolbarbutton-inner-padding) * 1.5 );
--urlbar-width: calc(100vw - 171.5px);
}
/* Hide Nav Bar and Tab Bar when in Fullscreen mode and hide Title Bar, Newtab button, and New-tab button */
#nav-bar[inFullscreen],
#TabsToolbar[inFullscreen],
.titlebar-buttonbox-container,
#new-tab-button,
#tabs-newtab-button {
display: none !important;
}
/* Hide unpinned inactive tabs */
.tabbrowser-tab:not([pinned]):not([selected]) {
visibility: collapse !important;
min-width: 0 !important;
}
/* Expand unpinned active tab */
#tabbrowser-tabs:not([haspinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[selected] {
min-width: 100vw !important;
}
#tabbrowser-tabs[haspinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned])[selected] {
min-width: calc(100vw - 40px) !important;
}
/* Move Main App Menu (≡) button to allow room for Tab Manager Menu button */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
top: var(--alltabs-button-position) !important;
right: 41.5px;
z-index: 2 !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
bottom: calc(var(--toolbarbutton-inner-padding) * 0.7 ) !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* Reduce URL Bar width */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
}

View file

@ -0,0 +1,99 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 4.5px;
--alltabs-number-position: calc(var(--toolbarbutton-inner-padding) * 1.5 );
--urlbar-width: calc(100vw - 166px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 5.5px;
--alltabs-number-position: calc(var(--toolbarbutton-inner-padding) * 1.5 );
--urlbar-width: calc(100vw - 171.5px);
}
/* Hide Nav Bar and Tab Bar when in Fullscreen mode and hide Title Bar, Newtab button, and New-tab button */
#nav-bar[inFullscreen],
#TabsToolbar[inFullscreen],
.titlebar-buttonbox-container,
#new-tab-button,
#tabs-newtab-button {
display: none !important;
}
/* Hide unpinned inactive tabs */
.tabbrowser-tab:not([pinned]):not([selected]) {
visibility: collapse !important;
min-width: 0 !important;
}
/* Expand unpinned active tab */
#tabbrowser-tabs:not([haspinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[selected] {
min-width: 100vw !important;
}
#tabbrowser-tabs[haspinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned])[selected] {
min-width: calc(100vw - 40px) !important;
}
/* Move Main App Menu (≡) button to allow room for Tab Manager Menu button */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
bottom: var(--alltabs-button-position) !important;
right: 41.5px;
z-index: 2 !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
bottom: calc(var(--toolbarbutton-inner-padding) * 0.7 ) !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* Reduce URL Bar width */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
}

View file

@ -0,0 +1,39 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_animated_active_border.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Creates a colorful animated border around active tab */
@keyframes filter {
from {
filter: hue-rotate(0deg)
}
to {
filter: hue-rotate(360deg)
}
}
.tabbrowser-tab[selected] > .tab-stack::before {
grid-area: 1/1;
content: "";
display: inherit;
margin-block: var(--tab-block-margin);
border-radius: var(--tab-border-radius);
z-index: 0;
background-image: conic-gradient(
hsl(0 100% 70%),
hsl(60 100% 45%) 70deg,
hsl(120 100% 55%) 105deg,
hsl(160 100% 60%) 160deg,
hsl(200 100% 60%) 200deg,
hsl(240 100% 65%) 255deg,
hsl(300 100% 60%) 290deg,
hsl(360 100% 70%) 360deg);
background-size: cover;
background-position: center;
animation: filter steps(30) 2s infinite;
}
.tab-background[selected] {
border: 1px solid transparent !important;
outline: none !important;
background-clip: padding-box !important;
}

View file

@ -0,0 +1,54 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Source from reddit users /u/BatDogOnBatMobile, /u/moko1960, and /u/It_Was_The_Other_Guy
https://teddit.net/r/FirefoxCSS/comments/s4wsww/
https://teddit.net/r/FirefoxCSS/comments/yb8tr9/ */
/* Show Tab Manager Menu button */
#alltabs-button {
display: -moz-box !important;
}
/* Tab Manager Menu button tab counter */
#TabsToolbar-customization-target {
counter-reset: tabCount;
}
.tabbrowser-tab {
counter-increment: tabCount;
}
#alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
position: relative !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
content: counter(tabCount);
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: var(--toolbarbutton-inner-padding);
left: 50%;
transform: translateX(-50%);
}
#alltabs-button > .toolbarbutton-badge-stack {
border-radius: var(--toolbarbutton-border-radius);
}
/* Tab Manager Menu tab counter */
#allTabsMenu-allTabsViewTabs, /* before FF 106 */
#allTabsMenu-allTabsView-tabs { /* since FF 106 */
counter-reset: nn_tabs 0 !important;
}
.all-tabs-button::before {
display: -moz-inline-box !important;
-moz-padding-end: 8px !important;
content: counter(nn_tabs) !important;
font-size: 12px !important;
margin-top: -2px !important;
margin-right: -2px !important;
}
.all-tabs-item {
counter-increment: nn_tabs !important;
}

View file

@ -47,13 +47,10 @@
* this menu is above the hamburger button that spawns the regular
* menu. */
/*margin-top: -360px !important;*/
margin-bottom: 15px !important;
padding-left: 10px !important;
padding-right: 10px !important;
/*height: 320px;*/
/*max-height: 320px;*/
height: 333px;
max-height: 333px;
}
/*#allTabsMenu-allTabsView vbox.panel-subview-body {
@ -62,7 +59,8 @@
/*max-height: 300px !important;
/* When messing around with tabs, it gets into a state where it does
* not use the whole height anymore, it becomes a tiny window. Removing
* this attribute fixes it. */
* this attribute fixes it. Since FF 113, this no longer has any
* effect, but it doesn't seem to be necessary either. */
/*-moz-box-flex: initial !important;
}*/
@ -73,15 +71,28 @@
/*overflow-y: hidden !important;
}*/
#allTabsMenu-multiView box.panel-viewstack {
#allTabsMenu-multiView box.panel-viewstack { /* before FF 102 or earlier */
/* Use the whole height */
height: calc(100vh - 100px) !important;
max-height: calc(100vh - 100px) !important;
}
#allTabsMenu-allTabsViewTabs {
#customizationui-widget-multiview box.panel-viewstack { /* since FF 113 */
/* Use the whole height */
/*height: 300px !important;
max-height: 300px !important;*/
height: 330px !important;
max-height: 330px !important;
}
#allTabsMenu-allTabsViewTabs, /* before FF 106 */
#allTabsMenu-allTabsView-tabs { /* since FF 106 */
/* Make sure tabs with long titles don't exceed the all tabs menu */
width: 0;
max-width: calc(100vw - 20px);
/*max-width: calc(100vw - 20px);*/
max-width: calc(100vw - 30px);
/* Fix padding */
padding-top: 2px !important;
}
}

View file

@ -0,0 +1,7 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Tab min-width resizing */
#tabbrowser-tabs {
--tab-min-width: 24vw !important;
}

View file

@ -0,0 +1,204 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Apply this customization only on smaller screens in landscape mode */
@media (max-height: 300px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 4px;
--urlbar-width: calc(100vw - 205.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 5px;
--urlbar-width: calc(100vw - 209.5px);
}
/* Remove items from Main App Menu (≡) */
#appMenu-fxa-status2,
#appMenu-fxa-separator,
#appMenu-protonMainView toolbarseparator,
#appMenu-fullscreen-button2,
#appMenu-passwords-button,
.subviewbutton[shortcut]::after {
display: none !important;
}
/* Remove extra space above zoom controls in Main App Menu (≡) */
#appMenu-zoom-controls {
margin-top: 0 !important;
}
/* Fix flickering of Main App Menu (≡) */
#appMenu-popup {
width: 260px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
height: 253px !important;
max-height: 253px !important;
width: 250px !important;
}
/* Move Main App Menu (≡) button to allow room for Tab Manager Menu button */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
}
/* Hide Tab Bar and Private Browsing indicator */
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Edit Bookmark Panel */
#editBookmarkPanel {
background-color: var(--arrowpanel-background) !important;
max-height: 100vh !important;
max-width: 100vw !important;
width: 100vw !important;
}
#editBookmarkPanel box.panel-header,
#editBookmarkHeaderSeparator,
#editBookmarkPanelInfoArea,
#editBookmarkSeparator,
#editBMPanel_folderRow,
#editBMPanel_tagsRow {
display: none !important;
}
#editBookmarkPanelContent {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#editBookmarkPanelBottomButtons {
margin-top: -5px !important;
margin-left: -50px !important;
}
/* Remove items from Tab Manager Menu */
#allTabsMenu-searchTabs,
#allTabsMenu-tabsSeparator {
display: none;
}
/* Fix flickering of Tab Manager Menu and extension popups */
#customizationui-widget-panel,
#customizationui-widget-multiview box.panel-viewstack {
height: calc(100vh - 35px) !important;
max-height: calc(100vh - 35px) !important;
width: 100vw !important;
max-width: 100vw !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
top: var(--alltabs-button-position) !important;
right: 41.5px;
z-index: 2 !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
bottom: calc(var(--toolbarbutton-inner-padding) * 0.7 ) !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* Reduce URL Bar width */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
/* Remove items from Unified Extensions Menu */
#unified-extensions-panel .panel-header,
#unified-extensions-panel toolbarseparator,
#unified-extensions-manage-extensions {
display: none !important;
}
/* Adjust button padding and font size for secondary text in Unified Extensions Menu */
#unified-extensions-panel .subviewbutton {
padding: 6px !important;
}
.unified-extensions-item-message {
font-size: 75% !important;
}
/* Fix flickering of Unified Extensions Menu */
#unified-extensions-panel {
--uei-icon-size: 20px;
width: 360px !important;
}
#unified-extensions-view {
margin-top: 6px !important;
height: 230px !important;
max-height: 230px !important;
width: 350px !important;
}
/* Add padding to bottom of Unified Extensions Menu to look better */
#unified-extensions-area {
padding-bottom: 5px !important;
}
/* Allow extensions to use full display */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: 100vw !important;
min-width: 100vw !important;
}
/* Adjust "Saved to Library!" popup notification */
#confirmation-hint {
padding: 10px !important;
width: 100vw !important;
}
}
/* Apply this customization only on smaller screens in portrait mode */
@media (max-width: 700px) {
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 64px !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 120px !important;
}
}

View file

@ -0,0 +1,230 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Apply this customization only on smaller screens in landscape mode */
@media (max-height: 300px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 3.5px;
--urlbar-width: calc(100vw - 205.5px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 4.5px;
--urlbar-width: calc(100vw - 209.5px);
}
/* Remove items from Main App Menu (≡) */
#appMenu-fxa-status2,
#appMenu-fxa-separator,
#appMenu-protonMainView toolbarseparator,
#appMenu-fullscreen-button2,
#appMenu-passwords-button,
.subviewbutton[shortcut]::after {
display: none !important;
}
/* Remove extra space above zoom controls in Main App Menu (≡) */
#appMenu-zoom-controls {
margin-top: 0 !important;
}
/* Fix flickering of Main App Menu (≡) */
#appMenu-popup {
width: 260px !important;
}
#appMenu-protonMainView vbox.panel-subview-body {
height: 253px !important;
max-height: 253px !important;
width: 250px !important;
}
/* Move Main App Menu (≡) button to allow room for Tab Manager Menu button */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
}
/* Hide Tab Bar and Private Browsing indicator */
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Move Nav Bar to bottom */
:root:not([uidensity="touch"],[inFullscreen]) {
--uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) )
}
:root[uidensity="touch"]:not([inFullscreen]){
--uc-bottom-toolbar-height: calc(43px + var(--toolbarbutton-outer-padding) )
}
#browser,
#customization-container {
margin-bottom: var(--uc-bottom-toolbar-height,0px)
}
#nav-bar{
position: fixed !important;
bottom: 0px;
width: 100%;
z-index: 1;
}
#nav-bar[inFullscreen],
#TabsToolbar[inFullscreen],
.titlebar-buttonbox-container {
display: none;
}
.panel-viewstack {
max-height: unset !important;
}
/* Edit Bookmark Panel */
#editBookmarkPanel {
background-color: var(--arrowpanel-background) !important;
max-height: 100vh !important;
max-width: 100vw !important;
width: 100vw !important;
}
#editBookmarkPanel box.panel-header,
#editBookmarkHeaderSeparator,
#editBookmarkPanelInfoArea,
#editBookmarkSeparator,
#editBMPanel_folderRow,
#editBMPanel_tagsRow {
display: none !important;
}
#editBookmarkPanelContent {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#editBookmarkPanelBottomButtons {
margin-top: -5px !important;
margin-left: -50px !important;
}
/* Remove items from Tab Manager Menu */
#allTabsMenu-searchTabs,
#allTabsMenu-tabsSeparator {
display: none;
}
/* Fix flickering of Tab Manager Menu and extension popups */
#customizationui-widget-panel,
#customizationui-widget-multiview box.panel-viewstack {
height: calc(100vh - 35px) !important;
max-height: calc(100vh - 35px) !important;
width: 100vw !important;
max-width: 100vw !important;
}
/* Move Tab Manager Menu button to right of URL Bar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
bottom: var(--alltabs-button-position) !important;
right: 41.5px;
z-index: 2 !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
bottom: calc(var(--toolbarbutton-inner-padding) * 0.7 ) !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* Reduce URL Bar width */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
/* Remove items from Unified Extensions Menu */
#unified-extensions-panel .panel-header,
#unified-extensions-panel toolbarseparator,
#unified-extensions-manage-extensions {
display: none !important;
}
/* Adjust button padding and font size for secondary text in Unified Extensions Menu */
#unified-extensions-panel .subviewbutton {
padding: 6px !important;
}
.unified-extensions-item-message {
font-size: 75% !important;
}
/* Fix flickering of Unified Extensions Menu */
#unified-extensions-panel {
--uei-icon-size: 20px;
width: 360px !important;
}
#unified-extensions-view {
margin-top: 6px !important;
height: 230px !important;
max-height: 230px !important;
width: 350px !important;
}
/* Add padding to bottom of Unified Extensions Menu to look better */
#unified-extensions-area {
padding-bottom: 5px !important;
}
/* Allow extensions to use full display */
.webextension-popup-browser {
height: 100% !important;
min-height: 100% !important;
width: 100vw !important;
min-width: 100vw !important;
}
/* Adjust "Saved to Library!" popup notification */
#confirmation-hint {
padding: 10px !important;
width: 100vw !important;
}
}
/* Apply this customization only on smaller screens in portrait mode */
@media (max-width: 700px) {
/* Added extra space to bottom of Main App Menu (≡) to compensate for orientation problem that would leave some items hidden in portrait mode when Main App Menu (≡) is first opened in landscape mode */
#appMenu-quit-button2 {
margin-bottom: 64px !important;
}
/* Added extra space to bottom of Unified Extensions Menu to compensate for orientation problem that would leave some extensions hidden in portrait mode when Unified Extentions Menu is first opened in landscape mode */
#unified-extensions-area {
padding-bottom: 120px !important;
}
}

View file

@ -0,0 +1,79 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 4px;
--urlbar-width: calc(100vw - 166px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 5px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 5px;
--urlbar-width: calc(100vw - 171.5px);
}
/* Move Main App Menu (≡) button to allow room for Tab Manager Menu button */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
}
/* Hide Tab Bar and Private Browsing Indicator */
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Move Tab Manager Menu button to right of urlbar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
top: var(--alltabs-button-position) !important;
right: 41.5px;
z-index: 2 !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
bottom: calc(var(--toolbarbutton-inner-padding) * 0.7 ) !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* Reduce URL Bar width */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
}

View file

@ -0,0 +1,79 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/******************************************/
/* IMPORTANT: */
/* */
/* One of the things this code will do is */
/* to move the Tab Manager Menu button to */
/* the right side of the URL Bar. */
/* */
/* For the best results, consider moving */
/* the Unified Extensions Menu button to */
/* the left of the URL Bar and removing */
/* less important toolbar items by using */
/* the "Customize Toolbar" feature, or by */
/* using a user.js file in your profile. */
/******************************************/
/* Apply this customization only on smaller screens */
@media (max-width: 700px) {
/* Density variables */
:root:not([uidensity="touch"]) {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 32px;
--alltabs-button-width: 32px;
--alltabs-button-position: 3.5px;
--urlbar-width: calc(100vw - 166px);
}
:root[uidensity="touch"] {
--PanelUI-menu-button-position: 4px;
--alltabs-button-height: 34px;
--alltabs-button-width: 34px;
--alltabs-button-position: 4.5px;
--urlbar-width: calc(100vw - 171.5px);
}
/* Move Main App Menu (≡) button to allow room for Tab Manager Menu button */
#PanelUI-menu-button {
position: absolute !important;
right: 0px !important;
bottom: var(--PanelUI-menu-button-position) !important;
}
/* Hide Tab Bar and Private Browsing Indicator */
#tabbrowser-tabs,
#private-browsing-indicator-with-label {
visibility: collapse !important;
}
/* Move Tab Manager Menu button to right of urlbar */
:root {
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
height: var(--alltabs-button-height) !important;
width: var(--alltabs-button-width) !important;
}
#alltabs-button {
position: absolute;
bottom: var(--alltabs-button-position) !important;
right: 41.5px;
z-index: 2 !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
bottom: calc(var(--toolbarbutton-inner-padding) * 0.7 ) !important;
}
/* Allow room for Tab Manager Menu button */
#nav-bar {
padding-right: 67px !important;
}
/* Reduce URL Bar width */
#urlbar-container {
max-width: var(--urlbar-width) !important;
}
}

View file

@ -4,6 +4,7 @@
/* Reduce minimum window width */
#urlbar-container {
min-width: 150px !important;
flex-shrink: 1 !important;
}
@media (max-width: 700px) {
@ -19,7 +20,7 @@
/* #back-button */
#forward-button,
/* #reload-button */
#home-button,
/*#home-button,*/
#customizableui-special-spring1,
/* (urlbar) */
#customizableui-special-spring2,
@ -82,6 +83,14 @@
#PersonalToolbar {
display: none;
}
/* If the bookmarks toolbar is configured to only show on the new tab page,
* Firefox makes the toolbar overlap the browser. When it's then hidden by
* the rule above, the urlbar is pushed off the bottom of the window. To
* prevent this, set the height of the overlapped toolbar to 0. */
:root {
--bookmarks-toolbar-overlapping-browser-height: 0 !important;
}
}
/* Even though amazon is removed as search engine in policies.json, it gets

View file

@ -0,0 +1,66 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Source files available here:
https://gitlab.com/postmarketOS/mobile-config-firefox/-/archive/master/mobile-config-firefox-master.zip
https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/
https://forums.puri.sm/t/mobile-friendly-firefox-customizations-for-librem-5/20313
*/
/*
@import "fenix_colors.css";
*/
@import "true_mobile_landscape-alt.css";
/*
@import "true_mobile_landscape.css";
*/
@import "appMenu.css";
/*
@import "browser.css";
*/
@import "editBookmarkPanel.css";
@import "findbar.css";
@import "popups.css";
@import "root.css";
@import "tabmenu.css";
@import "urlbar.css";
@import "extensions_menu.css";
/*
@import "alt-browser-alt.css";
*/
@import "custom_rules.css";
@import "hide_tabs_scrollbuttons.css";
@import "tab_close_button_always_on_hover.css";
@import "iconized_main_menu.css";
@import "round_ui_items.css";
/*
@import "tab_counter.css";
*/
@import "hide_tab_counter.css";
/*
@import "hide_newtab_+_new-tab_buttons.css";
*/
@import "new-tab-button.css";
@import "tabs_larger_min-width.css";
@import "tabs_fill_available_width.css";
/*
@import "glow.css";
@import "colorful_inactive_tabs.css";
@import "tab_animated_active_border.css";
@import "borderless_transparent_active_tab.css";
*/

View file

@ -0,0 +1,58 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Source files available here:
https://gitlab.com/postmarketOS/mobile-config-firefox/-/archive/master/mobile-config-firefox-master.zip
https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/
https://forums.puri.sm/t/mobile-friendly-firefox-customizations-for-librem-5/20313
*/
@import "fenix_colors.css";
/*
@import "true_mobile_landscape-alt.css";
*/
@import "true_mobile_landscape.css";
@import "appMenu.css";
/*
@import "browser.css";
*/
@import "editBookmarkPanel.css";
@import "findbar.css";
@import "popups.css";
@import "root.css";
@import "tabmenu.css";
@import "urlbar.css";
@import "extensions_menu.css";
@import "alt-browser-alt.css";
@import "custom_rules.css";
/*
@import "round_ui_items.css";
*/
@import "numbered_tabs.css";
@import "tab_counter.css";
/*
@import "fenix-alt.css";
*/
@import "fenix.css";
/*
@import "dynamic_popups.css";
@import "dynamic_popups_plus.css";
@import "dynamic_popups_max.css";
*/
@import "dynamic_popups_pro.css";
/*
@import "dynamic_popups_pro_max.css";
*/

View file

@ -0,0 +1,26 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Source files available here:
https://gitlab.com/postmarketOS/mobile-config-firefox/-/archive/master/mobile-config-firefox-master.zip
https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/
https://forums.puri.sm/t/mobile-friendly-firefox-customizations-for-librem-5/20313
*/
/*
@import "fenix_colors.css";
@import "fenix_fox-alt.css";
*/
@import "fenix_fox.css";
/*
@import "dynamic_popups.css";
@import "dynamic_popups_plus.css";
@import "dynamic_popups_max.css";
*/
@import "dynamic_popups_pro.css";
/*
@import "dynamic_popups_pro_max.css";
*/

View file

@ -0,0 +1,64 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Source files available here:
https://gitlab.com/postmarketOS/mobile-config-firefox/-/archive/master/mobile-config-firefox-master.zip
https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/
https://forums.puri.sm/t/mobile-friendly-firefox-customizations-for-librem-5/20313
*/
/*
@import "fenix_colors.css";
@import "true_mobile_landscape-alt.css";
*/
@import "true_mobile_landscape.css";
@import "appMenu.css";
@import "browser.css";
@import "editBookmarkPanel.css";
@import "findbar.css";
@import "popups.css";
@import "root.css";
@import "tabmenu.css";
@import "urlbar.css";
@import "extensions_menu.css";
/*
@import "alt-browser-alt.css";
*/
@import "custom_rules.css";
@import "hide_tabs_scrollbuttons.css";
@import "tab_close_button_always_on_hover.css";
@import "iconized_main_menu.css";
@import "round_ui_items.css";
/*
@import "single_tab_mode-alt.css";
@import "alt-single_tab_mode-alt.css";
*/
@import "single_tab_mode.css";
@import "numbered_tabs.css";
@import "tab_counter.css";
/*
@import "glow.css";
@import "colorful_inactive_tabs.css";
@import "tab_animated_active_border.css";
@import "borderless_transparent_active_tab.css";
*/

View file

@ -0,0 +1,60 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Source files available here:
https://gitlab.com/postmarketOS/mobile-config-firefox/-/archive/master/mobile-config-firefox-master.zip
https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/
https://forums.puri.sm/t/mobile-friendly-firefox-customizations-for-librem-5/20313
*/
/*
@import "fenix_colors.css";
@import "true_mobile_landscape-alt.css";
*/
@import "true_mobile_landscape.css";
@import "appMenu.css";
/*
@import "browser.css";
*/
@import "editBookmarkPanel.css";
@import "findbar.css";
@import "popups.css";
@import "root.css";
@import "tabmenu.css";
@import "urlbar.css";
@import "extensions_menu.css";
@import "alt-browser-alt.css";
@import "custom_rules.css";
@import "iconized_main_menu.css";
@import "round_ui_items.css";
@import "numbered_tabs.css";
@import "tab_counter.css";
/*
@import "true_mobile_mode-alt.css";
*/
@import "true_mobile_mode.css";
/*
@import "dynamic_popups.css";
@import "dynamic_popups_plus.css";
@import "dynamic_popups_max.css";
*/
@import "dynamic_popups_pro.css";
/*
@import "dynamic_popups_pro_max.css";
*/

View file

@ -0,0 +1,24 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
/* Source files available here:
https://gitlab.com/postmarketOS/mobile-config-firefox/-/archive/master/mobile-config-firefox-master.zip
https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/
https://forums.puri.sm/t/mobile-friendly-firefox-customizations-for-librem-5/20313
*/
/*
@import "fenix_one-alt.css";
*/
@import "fenix_one.css";
/*
@import "dynamic_popups.css";
@import "dynamic_popups_plus.css";
@import "dynamic_popups_max.css";
*/
@import "dynamic_popups_pro.css";
/*
@import "dynamic_popups_pro_max.css";
*/

View file

@ -0,0 +1,518 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
@-moz-document
regexp("^(about:).*") {
/* Fenix Colors */
:root {
--addon-card-background: rgba(171,113,255,0.1) !important;
--brand-color-accent: rgb(80,54,132) !important;
--brand-color-accent-active: rgb(80,54,132) !important;
--brand-color-accent-hover: rgb(80,54,132) !important;
--color-canvas: rgb(167,111,250) !important;
--card-outline-color: rgb(171,113,255) !important;
--card-shadow: var(--shadow-10) !important;
--card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color) !important;
--checkbox-border-color: white !important;
--checkbox-checked-active-bgcolor: var(--in-content-box-background-active) !important;
--checkbox-checked-bgcolor: var(--in-content-box-border-color) !important;
--checkbox-checked-border-color: var(--in-content-box-border-color) !important;
--checkbox-checked-color: var(--in-content-box-text-color) !important;
--checkbox-checked-hover-bgcolor: var(--in-content-box-background-hover) !important;
--checkbox-unchecked-active-bgcolor: var(--in-content-box-background-active) !important;
--checkbox-unchecked-bgcolor: var(--in-content-box-background) !important;
--checkbox-unchecked-hover-bgcolor: var(--in-content-box-background-hover) !important;
--dialog-warning-text-color: white !important;
--in-content-accent-color: rgb(171,113,255) !important;
--in-content-accent-color-active: rgb(203,158,255) !important;
--in-content-border-color: rgb(171,113,255) !important;
--in-content-border-active: rgb(203,158,255) !important;
--in-content-border-active-shadow: rgb(203,158,255) !important;
--in-content-border-hover: rgb(203,158,255) !important;
--in-content-border-invalid: rgb(171,113,255) !important;
--in-content-box-background: rgb(41,29,79) !important;
--in-content-box-background-active: rgb(203,158,255) !important;
--in-content-box-background-hover: rgb(203,158,255) !important;
--in-content-box-background-odd: var(--in-content-box-info-background) !important;
--in-content-box-border-color: rgb(171,113,255) !important;
--in-content-box-text-color: white !important;
--in-content-box-info-background: rgba(171,113,255,0.2) !important;
--in-content-button-background: rgb(171,113,255) !important;
--in-content-button-background-active: rgb(203,158,255) !important;
--in-content-button-background-hover: rgb(203,158,255) !important;
--in-content-button-border-color: rgb(171,113,255) !important;
--in-content-button-border-color-active: rgb(203,158,255) !important;
--in-content-button-border-color-hover: rgb(203,158,255) !important;
--in-content-button-text-color: white !important;
--in-content-button-text-color-active: white !important;
--in-content-button-text-color-hover: white !important;
--in-content-category-background: rgb(41,29,79) !important;
--in-content-category-background-hover: rgb(171,113,255) !important;
--in-content-category-background-selected: rgb(171,113,255) !important;
--in-content-category-background-selected-hover: rgb(171,113,255) !important;
--in-content-category-text: white !important;
--in-content-category-text-selected: white !important;
--in-content-danger-button-background: darkred !important;
--in-content-danger-button-background-active: red !important;
--in-content-danger-button-background-hover: red !important;
--in-content-deemphasized-text: lightgray !important;
--in-content-error-text-color: white !important;
--in-content-focus-outline-color: rgb(171,113,255) !important;
--in-content-icon-color: white !important;
--in-content-item-hover: rgb(203,158,255) !important;
--in-content-item-hover-text: white !important;
--in-content-item-selected: rgb(203,158,255) !important;
--in-content-item-selected-text: white !important;
--in-content-link-color: rgb(171,113,255) !important;
--in-content-link-color-active: rgb(203,158,255) !important;
--in-content-link-color-hover: rgb(203,158,255) !important;
--in-content-link-color-visited: rgb(171,113,255) !important;
--in-content-page-background: rgb(41,29,79) !important;
--in-content-page-color: rgb(171,113,255) !important;
--in-content-primary-button-background: rgb(171,113,255) !important;
--in-content-primary-button-background-active: rgb(203,158,255) !important;
--in-content-primary-button-background-hover: rgb(203,158,255) !important;
--in-content-primary-button-border-color: rgb(171,113,255) !important;
--in-content-primary-button-border-hover: rgb(203,158,255) !important;
--in-content-primary-button-text-color: white !important;
--in-content-primary-button-text-color-hover: white !important;
--in-content-selected-text: white !important;
--in-content-table-background: rgb(41,29,79) !important;
--in-content-table-border-color: rgb(171,113,255) !important;
--in-content-table-border-dark-color: rgb(144,89,255) !important;
--in-content-table-header-background: rgb(41,29,79) !important;
--in-content-table-header-color: white !important;
--in-content-text-color: white !important;
--in-content-warning-container: darkorange !important;
--shadow-10: 0 1px 4px black !important;
--shadow-30: 0 4px 16px black !important;
color: white !important;
}
::selection {
background: rgb(171,113,255) !important;
color: white !important;
}
/* About:Addons */
#categories > .category[selected], #categories > .category.selected {
background-color: var(--in-content-button-background) !important;
color: var(--in-content-button-text-color) !important;
}
.addon.card {
background-color: var(--addon-card-background) !important;
}
.radio-container-with-text > input {
border: 2px solid !important;
background-color: var(--in-content-page-background) !important;
color: var(--in-content-page-color) !important;
}
.radio-container-with-text > input:hover {
background-color: var(--in-content-button-background-hover) !important;
}
.radio-container-with-text > input:active {
background-color: var(--in-content-button-background-active) !important;
}
/* About:Preferences */
.radio-check {
border: 2px solid !important;
border-color: white !important;
background-color: var(--in-content-page-background) !important;
}
.radio-check[selected] {
border-color: var(--in-content-page-color) !important;
color: var(--in-content-page-color) !important;
}
.web-appearance-choice-image-container {
background-color: var(--in-content-page-background) !important;
}
.web-appearance-choice-image-container:hover {
background-color: var(--in-content-button-background-hover) !important;
}
.web-appearance-choice-image-container:active {
background-color: var(--in-content-button-background-active) !important;
}
.web-appearance-choice input {
background-color: var(--in-content-page-background) !important;
border: 2px solid !important;
border-color: var(--in-content-page-color) !important;
color: var(--in-content-page-color) !important;
}
.web-appearance-choice input:hover {
background-color: var(--in-content-button-background-hover) !important;
}
.web-appearance-choice input:active {
background-color: var(--in-content-button-background-active) !important;
}
label.web-appearance-choice:nth-child(1) > div:nth-child(2) > span:nth-child(2) {
display: none !important;
}
label.web-appearance-choice:nth-child(1) > div:nth-child(2)::after {
content: "Auto" !important;
}
}
@-moz-document
regexp("^(?!about:).*") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* Table font size (prevents horizontal scroll on web pages) */
tr {
font-size: 13px;
}
}
}
@-moz-document
url("about:addons"),
url-prefix("about:addons") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* Page width */
:root {
--in-content-sidebar-width: 50px !important;
--sidebar-width: 50px !important;
}
body {
min-width: 100vw !important;
max-width:100vw !important;
width: 100vw !important;
}
/* About:Addons */
.search-label,
.textbox-search-icons {
display: none !important;
}
input::placeholder {
color: white !important;
opacity: 100% !important;
}
search-addons > search-textbox {
background-color: var(--in-content-button-background) !important;
color: var(--in-content-button-text-color) !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
padding: 0 !important;
width: 49px !important;
}
search-addons > search-textbox:hover {
background-color: var(--in-content-button-background-hover) !important;
}
search-addons > search-textbox:active {
background-color: var(--in-content-button-background-active) !important;
}
search-addons > search-textbox[focused] {
background-color: var(--in-content-page-background) !important;
border: 2px solid var(--card-outline-color) !important;
width: 100vw !important;
z-index: 2 !important;
}
.main-search {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
.main-heading {
position: fixed !important;
top: 0 !important;
padding: 0 !important;
}
.page-options-menu {
position: fixed !important;
top: 0 !important;
right: 0 !important;
}
#categories > .category {
margin-left: 0px !important;
}
.sidebar-footer-list {
margin-inline-start: 0 !important;
}
.list-section-heading {
margin-top: 0 !important;
}
.addon-description {
padding-right: 40px !important;
}
.addon-badge-recommended {
margin-right: 10px !important;
}
.more-options-button {
margin-inline-start: -6px !important;
min-width: 36px !important;
}
.toggle-button {
margin-right: -60px !important;
margin-bottom: -60px !important;
height: 12px !important;
width: 24px !important;
}
.toggle-button:before {
margin-top: -4px !important;
margin-left: -6px !important;
height: 18px !important;
width: 18px !important;
}
}
/* Apply this customization only on smaller screens in portrait mode */
@media (max-width: 700px) {
/* Reduce addon cards width and font to fit display without horizontal scrolling */
.card {
max-width: 250px !important;
font-size: 8pt !important;
}
}
}
@-moz-document
url("about:config") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* About:Config */
#search-container,
#toolbar,
#prefs {
min-width: calc(100vw - 20px) !important;
}
#toolbar {
flex-direction: column;
}
#prefs {
word-wrap: anywhere;
}
.checkbox-container {
margin-top: 6px;
padding-bottom: 3px;
}
tr {
font-size: 12px;
}
th {
padding-left: 8px !important;
}
}
}
@-moz-document
url("about:license") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* About:License */
.license-header {
background-image: none !important;
padding-inline-end: unset !important;
}
#lic-info > pre {
font-size: 4pt !important;
}
}
}
@-moz-document
url("about:policies"),
url-prefix("about:policies") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* Page width */
:root {
--in-content-sidebar-width: 50px !important;
--sidebar-width: 50px !important;
}
/* About:Policies */
#categories > .category {
margin-left: 0px !important;
}
td {
font-size: 9px;
padding-left: 5px !important;
padding-right: 5px !important;
word-wrap: anywhere;
}
}
}
@-moz-document
regexp("about:preferences.*") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* Page width */
:root {
--in-content-sidebar-width: 50px !important;
--sidebar-width: 50px !important;
}
/* About:Preferences */
#searchInput {
display: none !important;
}
.pane-container {
margin-inline-start: 10px !important;
margin-inline-end: 10px !important;
width: calc(100vw - 70px) !important;
min-width: calc(100vw - 70px) !important;
}
#category-general,
#category-home,
#category-search,
#category-privacy,
#category-more-from-mozilla {
width: 48px !important;
}
#categories > .category {
margin-left: 0px !important;
}
.sidebar-footer-list {
margin-inline-start: 0 !important;
}
.accessory-button {
min-width: 100px !important;
}
#defaultFont,
#advancedFonts {
max-width: 100px !important;
width: 100px !important;
}
#defaultFontSizeLabel {
margin-left: -196px !important;
}
#defaultFontSizeLabel,
#defaultFontSize {
margin-bottom: -80px !important;
}
#primaryBrowserLocale {
min-width: 20px !important;
}
/* About:Preferences#Privacy */
#contentBlockingHeader {
padding-left: 28px !important;
}
#trackingProtectionShield {
margin-inline-end: 0 !important;
margin-top: -34px !important;
max-height: 20px !important;
max-width: 20px !important;
height: 20px !important;
width: 20px !important;
}
#contentBlockingDescription {
font-size: 9pt !important;
}
#trackingProtectionExceptions {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 30px !important;
width: 30px !important;
}
#historyMode {
max-width: 235.5px !important;
width: 235.5px !important;
}
/* About:Preferences#MoreFromMozilla */
.simple .qr-code-box-title {
max-width: 235px !important;
width: 235px !important;
}
}
}
@-moz-document
url("about:protections") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* About:Protections */
#report-content {
margin: 0 !important;
padding: 50px !important;
max-width: 100vw !important;
width: 100vw !important;
}
#mobile-hanger {
display: none !important;
}
.body-wrapper {
grid-column-start: 1 !important;
grid-column-end: -1 !important;
}
#manage-protections,
#sign-up-for-monitor-link,
#save-passwords-button,
#get-proxy-extension-link {
grid-area: 2 / 1 / 2 / 6 !important;
}
.card-header .wrapper {
grid-row-gap: 8px !important;
}
.card:not(.has-logins) .wrapper div:nth-child(1) {
grid-column-end: -1 !important;
}
}
}
@-moz-document
url("about:rights") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* About:Rights */
.rights-header {
background-image: none !important;
padding-inline-end: unset !important;
}
}
}

View file

@ -0,0 +1,371 @@
/* Copyright 2023 user0
* SPDX-License-Identifier: MPL-2.0 */
@-moz-document
regexp("^(?!about:).*") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* Table font size (prevents horizontal scroll on web pages) */
tr {
font-size: 13px;
}
}
}
@-moz-document
url("about:addons"),
url-prefix("about:addons") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* Page width */
:root {
--in-content-sidebar-width: 50px !important;
--sidebar-width: 50px !important;
}
body {
min-width: 100vw !important;
max-width:100vw !important;
width: 100vw !important;
}
/* About:Addons */
.search-label,
.textbox-search-icons {
display: none !important;
}
input::placeholder {
color: white !important;
opacity: 100% !important;
}
search-addons > search-textbox {
background-color: var(--in-content-button-background) !important;
color: var(--in-content-button-text-color) !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
padding: 0 !important;
width: 49px !important;
}
search-addons > search-textbox:hover {
background-color: var(--in-content-button-background-hover) !important;
}
search-addons > search-textbox:active {
background-color: var(--in-content-button-background-active) !important;
}
search-addons > search-textbox[focused] {
background-color: var(--in-content-page-background) !important;
border: 2px solid var(--card-outline-color) !important;
width: 100vw !important;
z-index: 2 !important;
}
.main-search {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
.main-heading {
position: fixed !important;
top: 0 !important;
padding: 0 !important;
}
.page-options-menu {
position: fixed !important;
top: 0 !important;
right: 0 !important;
}
#categories > .category {
margin-left: 0px !important;
}
.sidebar-footer-list {
margin-inline-start: 0 !important;
}
.list-section-heading {
margin-top: 0 !important;
}
.addon-description {
padding-right: 40px !important;
}
.addon-badge-recommended {
margin-right: 10px !important;
}
.more-options-button {
margin-inline-start: -6px !important;
min-width: 36px !important;
}
.toggle-button {
margin-right: -60px !important;
margin-bottom: -60px !important;
height: 12px !important;
width: 24px !important;
}
.toggle-button:before {
margin-top: -4px !important;
margin-left: -6px !important;
height: 18px !important;
width: 18px !important;
}
}
/* Apply this customization only on smaller screens in portrait mode */
@media (max-width: 700px) {
/* Reduce addon cards width and font to fit display without horizontal scrolling */
.card {
max-width: 250px !important;
font-size: 8pt !important;
}
}
}
@-moz-document
url("about:config") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* About:Config */
#search-container,
#toolbar,
#prefs {
min-width: calc(100vw - 20px) !important;
}
#toolbar {
flex-direction: column;
}
#prefs {
word-wrap: anywhere;
}
.checkbox-container {
margin-top: 6px;
padding-bottom: 3px;
}
tr {
font-size: 12px;
}
th {
padding-left: 8px !important;
}
}
}
@-moz-document
url("about:license") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* About:License */
.license-header {
background-image: none !important;
padding-inline-end: unset !important;
}
#lic-info > pre {
font-size: 4pt !important;
}
}
}
@-moz-document
url("about:policies"),
url-prefix("about:policies") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* Page width */
:root {
--in-content-sidebar-width: 50px !important;
--sidebar-width: 50px !important;
}
/* About:Policies */
#categories > .category {
margin-left: 0px !important;
}
td {
font-size: 9px;
padding-left: 5px !important;
padding-right: 5px !important;
word-wrap: anywhere;
}
}
}
@-moz-document
regexp("about:preferences.*") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* Page width */
:root {
--in-content-sidebar-width: 50px !important;
--sidebar-width: 50px !important;
}
/* About:Preferences */
#searchInput {
display: none !important;
}
.pane-container {
margin-inline-start: 10px !important;
margin-inline-end: 10px !important;
width: calc(100vw - 70px) !important;
min-width: calc(100vw - 70px) !important;
}
#category-general,
#category-home,
#category-search,
#category-privacy,
#category-more-from-mozilla {
width: 48px !important;
}
#categories > .category {
margin-left: 0px !important;
}
.sidebar-footer-list {
margin-inline-start: 0 !important;
}
label.web-appearance-choice:nth-child(1) > div:nth-child(2) > span:nth-child(2) {
display: none !important;
}
label.web-appearance-choice:nth-child(1) > div:nth-child(2)::after {
content: "Auto" !important;
}
.accessory-button {
min-width: 100px !important;
}
#defaultFont,
#advancedFonts {
max-width: 100px !important;
width: 100px !important;
}
#defaultFontSizeLabel {
margin-left: -196px !important;
}
#defaultFontSizeLabel,
#defaultFontSize {
margin-bottom: -80px !important;
}
#primaryBrowserLocale {
min-width: 20px !important;
}
/* About:Preferences#Privacy */
#contentBlockingHeader {
padding-left: 28px !important;
}
#trackingProtectionShield {
margin-inline-end: 0 !important;
margin-top: -34px !important;
max-height: 20px !important;
max-width: 20px !important;
height: 20px !important;
width: 20px !important;
}
#contentBlockingDescription {
font-size: 9pt !important;
}
#trackingProtectionExceptions {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 30px !important;
width: 30px !important;
}
#historyMode {
max-width: 235.5px !important;
width: 235.5px !important;
}
/* About:Preferences#MoreFromMozilla */
.simple .qr-code-box-title {
max-width: 235px !important;
width: 235px !important;
}
}
}
@-moz-document
url("about:protections") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* About:Protections */
#report-content {
margin: 0 !important;
padding: 50px !important;
max-width: 100vw !important;
width: 100vw !important;
}
#mobile-hanger {
display: none !important;
}
.body-wrapper {
grid-column-start: 1 !important;
grid-column-end: -1 !important;
}
#manage-protections,
#sign-up-for-monitor-link,
#save-passwords-button,
#get-proxy-extension-link {
grid-area: 2 / 1 / 2 / 6 !important;
}
.card-header .wrapper {
grid-row-gap: 8px !important;
}
.card:not(.has-logins) .wrapper div:nth-child(1) {
grid-column-end: -1 !important;
}
}
}
@-moz-document
url("about:rights") {
/* Apply this customization only on smaller screens */
@media
(max-height: 300px),
(max-width: 700px) {
/* About:Rights */
.rights-header {
background-image: none !important;
padding-inline-end: unset !important;
}
}
}