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.
This commit is contained in:
Oliver Smith 2021-11-28 02:06:31 +01:00
parent 8759370c25
commit 3d3ef8a516
No known key found for this signature in database
GPG key ID: 5AE7F5513E0885CB
2 changed files with 54 additions and 0 deletions

View file

@ -0,0 +1,43 @@
/* Copyright 2021 Oliver Smith
* SPDX-License-Identifier: GPL-3.0-or-later */
@media (max-width: 700px) {
/* The only way I (ollieparanoid) found to make this not glitchy, was to
* reduce the bookmark panel to the minimum amount of useful controls and
* hardcode width and height. Patches to improve this welcome, but make
* sure that you don't introduce new UI glitches by doing extensive
* testing. */
#editBookmarkPanel {
margin-top: -390px !important;
height: 200px;
max-height: 200px;
max-width: calc(100vw - 100px);
}
#editBookmarkPanel box.panel-header,
#editBookmarkHeaderSeparator {
display: none !important;
}
#editBookmarkPanelContent {
max-width: 250px !important;
width: 250px !important;
padding-right: 20px;
}
/* Hide the screenshot and the line below it. The page is right there when
* you bring up the menu, no need for a screenshot. Also it has a glitch
* when taking the screenshot in mobile portrait view, half the screenshot
* is just black. Let's rather use the space to edit the bookmark
* information. */
#editBookmarkPanelInfoArea,
#editBookmarkSeparator {
display: none;
}
#editBMPanel_folderRow,
#editBMPanel_tagsRow {
display: none;
}
}

View file

@ -2,6 +2,17 @@
* SPDX-License-Identifier: GPL-3.0-or-later */
@media (max-width: 700px) {
/* Hack to prevent popups from flickering around. It looks like e.g. the
* editBookmarkPanel has two heights otherwise, and draws one frame with a
* short height and one frame with the proper one. */
#mainPopupSet {
position: fixed !important;
top: 0px;
left: 0px;
right: 0px;
bottom: 100px;
}
/* Popup notifications (install add-on etc.): set max-width, remove icon and
* make font smaller so it fits the box */
.popup-notification-body-container {