Commit graph

1094 commits

Author SHA1 Message Date
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