]>
Commit | Line | Data |
---|---|---|
1 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
2 | ||
3 | /*** userChrome.js *** | |
4 | * https://github.com/Sporif/firefox-quantum-userchromejs | |
5 | * Copyright (c) 2017 Haggai Nuchi | |
6 | * Available for use under the MIT License: | |
7 | * https://opensource.org/licenses/MIT | |
8 | */ | |
9 | #PanelUI-menu-button { | |
10 | -moz-binding: url("userChrome.xml#js"); | |
11 | } | |
12 | ||
13 | ||
14 | /*** Settings ***/ | |
15 | window { | |
16 | --statusbar-height: 20px; | |
17 | } | |
18 | ||
19 | /*** Misc rules ***/ | |
20 | /* Adjust padding from sidebar header */ | |
21 | #sidebar-header { | |
22 | padding: 0 3px !important; | |
23 | } | |
24 | ||
25 | /*** Tabs ***/ | |
26 | /* Hide tab bar */ | |
27 | window:not([tabsintitlebar="true"]):not([customizing]) | |
28 | /* #navigator-toolbox:not(:hover):not(:focus-within) */ | |
29 | #TabsToolbar { | |
30 | visibility: collapse; | |
31 | } | |
32 | /* Hide tabs when in titlebar */ | |
33 | window[tabsintitlebar="true"]:not([customizing]) | |
34 | /* #navigator-toolbox:not(:hover):not(:focus-within) */ | |
35 | #TabsToolbar { | |
36 | opacity: 0; | |
37 | pointer-events: none; | |
38 | } | |
39 | ||
40 | /*** Bottom bookmarks/personal toolbar ***/ | |
41 | /* Adjust window size */ | |
42 | window:not([inFullscreen="true"]) { | |
43 | margin-bottom: calc(var(--statusbar-height) + 1px); | |
44 | } | |
45 | /* Move toolbar */ | |
46 | window:not([inFullscreen="true"]) #PersonalToolbar | |
47 | { | |
48 | position: fixed; | |
49 | bottom: 0; | |
50 | width: 100%; | |
51 | height: var(--statusbar-height); | |
52 | } | |
53 | /* Move statuspanel to bar */ | |
54 | /* XXX: opacity and collapse not really needed, just | |
55 | * need to remove transitions. | |
56 | * TODO: add box shadow to left of bar | |
57 | * XXX: :hover doesn't fire because pointer disabled in xul? | |
58 | */ | |
59 | window:not([inFullscreen="true"]) #statuspanel:not(:hover) { | |
60 | bottom: 0 !important; | |
61 | offset-inline-start: auto; | |
62 | offset-inline-end: 0; | |
63 | margin-top: 0 !important; | |
64 | max-width: 100% !important; | |
65 | /* TODO: breaks it? thankfully fits as-is */ | |
66 | /* height: var(--statusbar-height) !important; */ | |
67 | opacity: 1 !important; | |
68 | } | |
69 | window:not([inFullscreen="true"]) #statuspanel-label { | |
70 | margin: 0 !important; | |
71 | border: none !important; | |
72 | box-shadow: -5px 0 2px -2px var(--toolbar-bgcolor); | |
73 | } | |
74 | window:not([inFullscreen="true"]) #statuspanel[inactive] { | |
75 | visibility: collapse; | |
76 | } | |
77 | ||
78 | /*** Tree Style Tabs */ | |
79 | /* Hide sidebar with one tab */ | |
80 | #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] { | |
81 | transition: all 0.2s ease; | |
82 | } | |
83 | #main-window[titlepreface="[1] "] | |
84 | #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:not(:hover) { | |
85 | z-index: 2 !important; | |
86 | overflow: hidden; | |
87 | min-width: 30px !important; | |
88 | max-width: 30px !important; | |
89 | } |